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 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|