1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>QUIZ QPUC</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="css.css" />
<script type="text/javascript" src="chrono.js"></script>
</head>
<body>
<!-- ######## TITRE ########
<div class="titre">
<img src="img.bmp" height="80px" />
</div>
######## TITRE ######## -->
<!-- ZONE DE LA QUESTION -->
<div class="question">
<form method="post" action="quiz_qpuc_version2.php">
<!-- ######## THEME DE LA QUESTION ######## -->
<div class="theme">
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("QPUC");
$requete = mysql_query("SELECT theme, question, reponse FROM qpuc ORDER BY rand() LIMIT 0,1") or die(mysql_error(select));
$num_quest = 1;
while($data = mysql_fetch_array($requete)) {echo $data['theme']; $num_quest++;} // THEME DE LA QUESTION
?>
<input type="hidden" name="num_question" value="<?php echo $num_quest; ?>" />
</div>
<!-- ######## THEME DE LA QUESTION ######## -->
<!-- ######## QUESTION ######## -->
<div class="quest">
<p id="display"></p> <!-- ESPACE POUR LA QUESTION -->
<script type="text/javascript">
var vitesse = 60; // vitesse de défilement
var txt = "<?php
$requete = mysql_query('SELECT theme, question, reponse FROM qpuc ORDER BY rand() LIMIT 0,1') or die(mysql_error(select));
while($data = mysql_fetch_array($requete)) {echo utf8_encode(html_entity_decode($data['question']));} ?>", // texte à afficher
display = document.getElementById('display');
for(var i = 0, l = txt.length; i < l; i++) {
(function(i) {
setTimeout(function() {display.innerHTML += txt.charAt(i);}, i * vitesse);
}(i));
}
</script>
</div>
<!-- ######## QUESTION ######## -->
<!-- ######## REPONSE DU JOUEUR ######## -->
<div id="reponse" class="reponse">
<input type="text" name="rep" size="25" value="Tapez votre réponse" onfocus="this.value=''" />
<input type="submit" name="valid" value="OK" onclick="" />
</div>
<!-- ######## REPONSE DU JOUEUR ######## -->
</form>
</div>
<!-- ######## ZONE DE RESULTAT (à droite) ######## -->
<div class="droite">
<!-- ######## COMPTEUR A REBOUR ######## -->
<input type="text" name="compteur" id="compteur" class="chrono" size="2" readonly="readonly">
<input type="hidden" name="MaCheck" id="MaCheck" onclick="Relance(this);">
<!-- ######## COMPTEUR A REBOUR ######## -->
<!-- ######## SCORES ######## -->
<div class="score">
<?php
$score = 0;
$reponse = $data['reponse'];
$reponsejoueur = $_POST['rep'];
if ($reponse == $reponsejoueur) {$score++; echo '<font color="#00ff00">'.$score.'/'.$num_quest.'</font>';}
else {echo '<font color="#ff0000">'.$score.'/'.$num_quest.'</font>';} ?>
<input type="hidden" name="score" value="<?php echo $score; ?>" />
</div>
<!-- ######## SCORES ######## -->
<!-- NUMERO DE LA QUESTION -->
<div class="num"><?php echo 'Question '.$num_quest.'/10'; ?>
</div>
</div>
<!-- ######## ZONE DE RESULTAT (à droite) ######## -->
</body>
</html> |
Partager