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
TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE !MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko
Hier durant une session dédiée aux Techdays 2012, j'ai eu le plaisir d'annoncer la sortie de la Béta 2 de Mishra Reader. C'est quoi ? Pour les utilisateurs, c'est une vraie expérience de lecture de flux RSS sur Windows. Rien à voir avec les produit...
Cliquez pour lire la suite de l'article par Vko [FRAMEWORK 4] LES TASKS ET LE THREAD UI[FRAMEWORK 4] LES TASKS ET LE THREAD UI par fathi
Je viens de passer quelques temps au TechDay's et j'ai pu voir pas mal de session intéressante. Par contre une chose m'a un peu étonné lors de certaines de ces sessions qui abordaient les améliorations du framework .NET (donc le 4.5) : en gros, bea...
Cliquez pour lire la suite de l'article par fathi WORKFLOW FOUNDATION 3 A UN PIED DANS LA TOMBEWORKFLOW FOUNDATION 3 A UN PIED DANS LA TOMBE par JeremyJeanson
Depuis déjà un an, je conseille vivement les utilisateurs de Workflow Foundation 3 à migrer vers la version 4. L'information qui va suivre ne devrait donc pas trop prendre au dépourvu les personnes qui m'ont suivi. Je profite de ce poste, pour faire le re...
Cliquez pour lire la suite de l'article par JeremyJeanson TECHDAYS PARIS 2012 : NOUVELLES TENDANCES DU POSTE DE TRAVAIL - BRING YOUR OWN PCTECHDAYS PARIS 2012 : NOUVELLES TENDANCES DU POSTE DE TRAVAIL - BRING YOUR OWN PC par ROMELARD Fabrice
Speakers: Thierry Rapatout, Antoine Petit et Xavier Trebbia Cette session entre dans le cadre des RDV Décideurs des TechDays 2012, elle est liée à la consumérisation de l'IT et la mise en place du "DeskTop as a Service" dans de plus en ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning COLLECTOR PLUS (3.00B)COLLECTOR PLUS (3.00B)COLLECTOR PLUS version 3.00B est un logiciel utilisant une base de données alimentée par :
- L... Cliquez pour télécharger COLLECTOR PLUS PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO LettresFaciles 2011 (8.0.0.1)LETTRESFACILES 2011 (8.0.0.1)LettresFaciles est un logiciel facilitant la création et la rédaction de lettres types.
Son inte... Cliquez pour télécharger LettresFaciles 2011
|