Está en la página 1de 3

<?php require_once('conexion.

php');
$query="SELECT * FROM tb_contenido";
$resultado=$conexion->query($query);
$menu="trivias";

?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Prueba con PHP</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-
scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/estilos.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<link rel="stylesheet" href="estilos.css">

</head>
<body>

<?php include('inc/header.php') ?>

<?php include('inc/menu.php') ?>

<div class="contenedor fondo-blanco relleno-8 border-gris" style="min-height:


600px">
<div class="fila">

<div class="columna columna-m-9 columna-g-9">


<?php while ($row=$resultado->fetch_assoc()) {
# code...
?>
<p></p>

<h1><?php echo $row['con_titulo'] ?></h1>


<img src="<?php echo $row['con_imagen'] ?>">
<h2><?php echo $row['con_descripcion'] ?></h2>

<!--Contenido antes de las preguntas-->


<div>
<?php
$codigo=$row['con_id'];
$querydet="SELECT * FROM tb_detalleContenido where
con_id=$codigo" ;
$resultadodet=$conexion->query($querydet);
$contador=0;
while ($rowdet=$resultadodet->fetch_assoc()) {
?>

<div style="background-color: #f1f1f1">


<h2><?php echo $rowdet['det_titulo'] ?></h2>
<img src="<?php echo $rowdet['det_imagen'] ?>">
</div>
<!--Contenido de preguntas-->
<div class="wrap">

<form id="formul<?php echo $contador ?>" action="" class="formulario" >


<?php
$codigopre=$rowdet['det_id'];
$querypre="SELECT * FROM tb_preguntas where
det_id=$codigopre" ;
$resultadopre=$conexion->query($querypre);
$cont=0;
while ($rowpre=$resultadopre->fetch_assoc()) {
?>
<div class="radio" id="ra">
<input type="radio" name="resp<?php echo $cont ?>"
id="respuesta<?php echo $cont ?>" onclick='$("#respuesta<?php echo $contador ?>_<?
php echo $rowpre['pre_estado'] ?>").toggle(200);/*$("#respuesta1").attr("disabled",
"disabled");$("#respuesta2").attr("disabled", "disabled");$
("#respuesta3").attr("disabled", "disabled");*/'>
<label for="respuesta<?php echo $cont ?>"><?php echo
$rowpre['pre_descripcion'] ?></label>
</div>
<p> <?php echo $rowpre['pre_estado'] ?></p>
<?php $cont++; } ?>
</form>
<p> <?php echo $contador ?></p>
<div id="respuesta<?php echo $contador ?>_1" style="border: 1px solid
#7BAD40;background:#8BC34A;padding: 5px;display:none">
<p style="margin-left: 20px;color: #fff;font-size:
22px">Correcto!<?php echo $contador ?></p>
</div>
<div id="respuesta<?php echo $contador ?>_0" style="border: 1px solid
#D4471B;background:#FF5722;padding: 5px;display:none">
<p style="margin-left: 20px;color: #fff;font-size:
22px">Incorrecto!<?php echo $contador ?></p>
</div>

</div>

<?php $contador++; } ?>


</div>

<?php } ?>
</div>
<div class="columna columna-m-3 columna-g-3" >
<h1>Sidebar</h1>
</div>

</div>
</div>

<?php include('inc/footer.php') ?>

<script src="js/efectos.js"></script>
<script src="js/base.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#alternar-respuesta-ej1').on('click',function(){
$('#respuesta-ej1').toggle(200);
});
});
$(document).ready(function(){
$("#mostrar").on( "click", function() {
$('#target').show(); //muestro mediante id
$('.target').show(); //muestro mediante clase
});
$("#ocultar").on( "click", function() {
$('#target').hide(); //oculto mediante id
$('.target').hide(); //muestro mediante clase
});
});
</script>

</body>
</html>

También podría gustarte