Accueil > > > QUESTIONNAIRE-QUIZ
QUESTIONNAIRE-QUIZ
Information sur la source
Description
Ceci est un questionnaire. Une fois les réponses entrées, le script vérifie la réponse, affiche la solution et une image (V ou X).
Source
- <html>
-
- <head>
-
- <title>Questionnaire</title>
-
- <SCRIPT language="JavaScript">
- var nbquestions = 2; //le nombre de questions
- var reponse = new Array(2); //le nombre de réponses
- reponse[0] = "est"; //les réponses (en partant de 0!!!)
- reponse[1] = "suis";
- //vous pouvez rajouter : reponse[2] = "lrgelgft"; ... Attention, pensez a modifier nbquestions et reponse !!!
-
- function correction() {
- var score = 0;
- for (var i=0; i<nbquestions; i++) {
- var proposition = document.getElementsByName("prop");
- imput_prop = proposition[i];
- if (imput_prop.value == reponse[i]) {
- score++; //augmente le score d'1 point
- var images_vrai = document.getElementsByName("vrai");
- img_vrai = images_vrai[i];
- img_vrai.style.display="inline"; //affiche l'image "vrai"
- var solution = document.getElementsByName("solution");
- imput_solution = solution[i];
- imput_solution.value = "("+reponse[i]+")"; //affiche la solution
- imput_solution.style.display = "inline"; //affiche le bouton "solution"
- imput_solution.style.color = "#00CC00"; //colore le texte en vert
- }
- else {
- var images_faux = document.getElementsByName("faux");
- img_faux = images_faux[i]
- img_faux.style.display="inline"; //affiche l'image "faux"
- var solution = document.getElementsByName("solution");
- imput_solution = solution[i];
- imput_solution.value = "("+reponse[i]+")"; //affiche la solution
- imput_solution.style.display = "inline"; //affiche le bouton "solution"
- imput_solution.style.color = "#FF0000"; //colore le texte en rouge
- }
- }
- document.getElementById("total").value= score+"/"+nbquestions; //affiche le score dans le boutton "total"
- for (var i=0; i<nbquestions; i++) {
- var proposition = document.getElementsByName("prop");
- imput_prop = proposition[i];
- imput_prop.disabled = true; //empêche la modification des données des boutons "prop"
- }
- }
-
- function efface() {
- location.reload(); //recharge la page
- return(false);
- }
- </script>
-
- </head>
-
- <body>
-
- <p>Compléter avec le verbe conjugué :</p>
-
- <form id="questions">
- <p><img name="vrai" border="0" src="images/vrai.jpg" width="20" height="20" id="image1_1" style="display:none"><img name="faux" border="0" src="images/faux.jpg" width="20" height="20" id="image1_2" style="display:none"> 1.Il <input name="prop" type="text" id="button1" size="10"><input name="solution" style="display:none;font-weight:bold;border:none" type="text" id="button1" size="5" readonly="readonly"> (être) pompier.</p>
- <p><img name="vrai" border="0" src="images/vrai.jpg" width="20" height="20" id="image2_1" style="display:none"><img name="faux" border="0" src="images/faux.jpg" width="20" height="20" id="image2_2" style="display:none"> 2.Je <input name="prop" type="text" id="button2" size="10"><input name="solution" style="display:none;font-weight:bold;border:none" type="text" id="button1" size="5" readonly="readonly"> (être) sous la douche.</p>
- </form>
- <form id="questionnaire">
- <p><input id="corriger" type="button" value="CORRIGER" onClick="correction()">
- <input id="effacer" type="button" value="EFFACER" onClick="efface()"></p>
- <p>Votre score : <input type="text" id="total" readonly="readonly" size="1"></p>
- </form>
- </body>
-
- </html>
<html>
<head>
<title>Questionnaire</title>
<SCRIPT language="JavaScript">
var nbquestions = 2; //le nombre de questions
var reponse = new Array(2); //le nombre de réponses
reponse[0] = "est"; //les réponses (en partant de 0!!!)
reponse[1] = "suis";
//vous pouvez rajouter : reponse[2] = "lrgelgft"; ... Attention, pensez a modifier nbquestions et reponse !!!
function correction() {
var score = 0;
for (var i=0; i<nbquestions; i++) {
var proposition = document.getElementsByName("prop");
imput_prop = proposition[i];
if (imput_prop.value == reponse[i]) {
score++; //augmente le score d'1 point
var images_vrai = document.getElementsByName("vrai");
img_vrai = images_vrai[i];
img_vrai.style.display="inline"; //affiche l'image "vrai"
var solution = document.getElementsByName("solution");
imput_solution = solution[i];
imput_solution.value = "("+reponse[i]+")"; //affiche la solution
imput_solution.style.display = "inline"; //affiche le bouton "solution"
imput_solution.style.color = "#00CC00"; //colore le texte en vert
}
else {
var images_faux = document.getElementsByName("faux");
img_faux = images_faux[i]
img_faux.style.display="inline"; //affiche l'image "faux"
var solution = document.getElementsByName("solution");
imput_solution = solution[i];
imput_solution.value = "("+reponse[i]+")"; //affiche la solution
imput_solution.style.display = "inline"; //affiche le bouton "solution"
imput_solution.style.color = "#FF0000"; //colore le texte en rouge
}
}
document.getElementById("total").value= score+"/"+nbquestions; //affiche le score dans le boutton "total"
for (var i=0; i<nbquestions; i++) {
var proposition = document.getElementsByName("prop");
imput_prop = proposition[i];
imput_prop.disabled = true; //empêche la modification des données des boutons "prop"
}
}
function efface() {
location.reload(); //recharge la page
return(false);
}
</script>
</head>
<body>
<p>Compléter avec le verbe conjugué :</p>
<form id="questions">
<p><img name="vrai" border="0" src="images/vrai.jpg" width="20" height="20" id="image1_1" style="display:none"><img name="faux" border="0" src="images/faux.jpg" width="20" height="20" id="image1_2" style="display:none"> 1.Il <input name="prop" type="text" id="button1" size="10"><input name="solution" style="display:none;font-weight:bold;border:none" type="text" id="button1" size="5" readonly="readonly"> (être) pompier.</p>
<p><img name="vrai" border="0" src="images/vrai.jpg" width="20" height="20" id="image2_1" style="display:none"><img name="faux" border="0" src="images/faux.jpg" width="20" height="20" id="image2_2" style="display:none"> 2.Je <input name="prop" type="text" id="button2" size="10"><input name="solution" style="display:none;font-weight:bold;border:none" type="text" id="button1" size="5" readonly="readonly"> (être) sous la douche.</p>
</form>
<form id="questionnaire">
<p><input id="corriger" type="button" value="CORRIGER" onClick="correction()">
<input id="effacer" type="button" value="EFFACER" onClick="efface()"></p>
<p>Votre score : <input type="text" id="total" readonly="readonly" size="1"></p>
</form>
</body>
</html>
Conclusion
C'est tout !!!
Historique
- 30 avril 2007 11:32:37 :
- Un petit problème ...
- 30 avril 2007 11:40:34 :
- Problème dans le zip ...
- 30 avril 2007 18:14:10 :
- Rajout de commentaires...
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
des ptites questions de debutants [ par skyhead ]
BonjourVoila queslques questions :-J'ai cree une barre de menu en haut de pa page (horizontal), quand je clic sur un bouton ca deroule un menu, ca vou
liste de questions avec réponses qui apparaissent lors d'un clic sur la question?? help [ par poucinette51 ]
Bonjour,Voilà étant novice en matière javascript, je galère un peu, j'ai essayé plusieurs scripts mais sans jamais réussir à obtenir ce que je souhait
liste de questions avec réponses qui apparaissent lors d'un clic sur la question?? help [ par poucinette51 ]
Bonjour,Voilà étant novice en matière javascript, je galère un peu, j'ai essayé plusieurs scripts mais sans jamais réussir à obtenir ce que je souhait
formulaire [ par Chibily ]
Bonjour!Je voudrais réaliser un formulaire en Javascript qui affiche les questions en fonction des réponses données dans les questions précédentes. Je
demande d'aide pour jeu educatif [ par leggxix ]
Bonjour, Je suis en train de développer un jeu éducatif à partir d'un script de snakes and ladders et j'aurais souhaiter que les actions et questions
jeux questions reponses [ par mikymaxxx ]
bonjour,voila, je me demandais comment faire en sorte que le programme puisse tirer de manière aléatoire une question dans un nombre déjà préétabli et
Question [ par ichigokurosaki ]
Bonjour,Bon voilà, j'ai un petit souci avec ce code :<html><title>test</title> <body><script type="text/javascript"><
Récupérer valeurs d'un tableau multidimentionnel [ par VakarmX ]
Bonjour J'ai un tableau qui ressemble à ceci, peut-être n'est-il pas fait de la bonne façon. Il s'agit pour moi de récupérer le contenu d'une db class
problème javascript void(0) [ par manne1173 ]
Bonjour,Je joue régulièrement sur un site de jeu en ligne qui est Equideow, un site de jeu de chevaux.Seulement voilà, depuis un peu plus d'une semain
Question [ par ouldsidiahmed ]
Comment ajoute un evenement onclick sur un rdo dans javascriptmerci
|
Derniers Blogs
[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril
Le deuxième keynote du mix fut très riche en contenu. Internet Explorer 9 Juste un après le lancement de Internet Explorer 8, Microsoft a dévoilé les nouveautés de Internet Explorer 9. Désormais, IE supportera HTML5, SVG et CSS3. L'élément ...
Cliquez pour lire la suite de l'article par cyril CERTIFICATIONS BETA .NET 4CERTIFICATIONS BETA .NET 4 par KooKiz
Les inscriptions pour les certifications beta .NET 4 ont commencé. L'inscription est offerte pour les examens suivants : - 71-511, TS: Windows Applications Development with Microsoft .NET Framework 4 - 71-515, TS: Web Applications Development with...
Cliquez pour lire la suite de l'article par KooKiz [MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo
J'imagine que la plupart d'entre vous connaissent bien et utilisent le service de traduction de Google, mais connaissez-vous celui de Microsoft . Microsoft Translator ? Effectivement, Microsoft nous annoncé le lancement version 2 de la Technologie Preview...
Cliquez pour lire la suite de l'article par redo LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010!LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE
Toutes les vidéos de ce lancement sont en ligne!
Partie I - Intro
http://www.youtube.com/watch?v=LkQzTQ8T6CA
Partie II - Démo 1
http://www.youtube.com/watch?v=drAhYQ7lqvo
Partie III - Démo 2
http://www.youtube.com/watch?v=c8KM_1Gqybc...
Cliquez pour lire la suite de l'article par MPOWARE [WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE[WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE par FREMYCOMPANY
Je pense qu'ils ont besoin d'une piqure de rappel chez Microsoft : c'est bien gentil d'avoir une interface jolie, mais si c'est pour avoir un truc qui ne convainct pas dedans, c'est peine perdue.
---->
Système ouvert ----> Fermé ?
P...
Cliquez pour lire la suite de l'article par FREMYCOMPANY
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|