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> |
