begin process at 2010 03 18 11:18:04
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Jeux

 > QUESTIONNAIRE-QUIZ

QUESTIONNAIRE-QUIZ


 Information sur la source

Note :
Aucune note
Catégorie :Jeux Classé sous :quiz, questionnaire, question, questions, jeu Niveau :Débutant Date de création :29/04/2007 Date de mise à jour :30/04/2007 18:14:10 Vu / téléchargé :13 042 / 758

Auteur : Laffrey

Ecrire un message privé
Site perso
Commentaire sur cette source (10)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
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">&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;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 !!!

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 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 du même auteur

Source avec Zip SUDOKUS PAREIL MAIS EN MIEUX

 Sources de la même categorie

Source avec Zip SPACE INVADER par aurelardie
Source avec Zip Source avec une capture DEMINEUR JAVACSCRIPT | PHP, CONFIGURABLE AVEC LE FRAMWORK JQ... par Nementon
Source avec Zip Source avec une capture ATTRAPE MOI SI TU PEUT par kazma
Source avec Zip LE CÉLÈBRE JEU SNACK par lesnouesremy
Source avec Zip Source avec une capture QUIZZ MASTER : 2000 QUESTIONS POUR TESTER VOTRE CULTURE par amrounix

 Sources en rapport avec celle ci

Source avec Zip LE CÉLÈBRE JEU SNACK par lesnouesremy
Source avec Zip Source avec une capture BILLARD EN JAVASCRIPT C'EST POSSIBLE ! par amrounix
Source avec Zip TEST, QUIZZ, QCM, QUESTIONNAIRE SUR RÉPONSE OUI OU NON AVEC ... par BDFC
QUIZ COMPLET ET FACILEMENT PERSONNALISABLE par Thypot
Source avec Zip Source avec une capture QUESTIONNAIRE SUPPORTANT DIFF. TYPES DE QUESTIONS par PhiL666

Commentaires et avis

Commentaire de routry le 13/05/2007 14:22:01

Bonjour à tous,

Je tente un rajout de verification des champs input par un javascript function CheckInput() avant d'avoir la correction du quiz et cela ne fonctionne pas les champs sont remplis mais j'ai toujours le message "Tous les champs n'ont pas été remplis!"
Merci par avance du petit coup de pouce qui me sera apporté.

<html>

<head>

<title>Questionnaire</title>
<script type="text/javascript">
<!--
function CheckInput() {
for(i=0; i<document.forms[0].elements.length; ++i)
  if(document.forms[0].elements[i].value == "")  {
    alert("Tous les champs n'ont pas été remplis!");
        document.forms[0].elements[i].focus();
        return false;
   }
  return true;
}
//-->
</script>
<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">&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;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="return CheckInput(); correction()">
  <input id="effacer" type="button" value="EFFACER" onClick="efface()"></p>
  <p>Votre score : <input type="text" id="total" readonly="readonly" size="1"></p>
  
  

</body>

</html>

Commentaire de Laffrey le 13/05/2007 17:38:37

Salut ROUTRY,

Voilà la reponses à ta question :



<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 CheckInput() {
var rempli = 2
for(i=0; i<nbquestions; ++i){
                var proposition = document.getElementsByName("prop");
                imput_prop = proposition[i];
   if(imput_prop.value == "")  {
     alert("Tous les champs n'ont pas été remplis!");
rempli--;
return false;
}
}
if (rempli == 2) {
correction();
}
}


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">&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;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="CheckInput();">
  <input id="effacer" type="button" value="EFFACER" onClick="efface()"></p>
  <p>Votre score : <input type="text" id="total" readonly="readonly" size="1"></p>
  
  

</body>

</html>



Normalement cela devrait marcher ...

Commentaire de routry le 13/05/2007 20:01:24

Bonsoir Laffrey,

Je te confirme que cela fonctionne et je t'en remercie.

Je test autre chose qui permettrai de déclencher l'ouverture d'une popup UNIQUEMENT quand le resultat s'affiche. Aurais-tu une idée ?

<p><input id="corriger" type="button" value="CORRIGER" onClick="CheckInput(); window.open('popup.htm','popup','width=300,height=200,toolbar=false,scrollbars=false')">

Commentaire de Laffrey le 14/05/2007 07:57:52

Salut ROUTRY,

J'ai une idée mais je ne suis pas sur d'avoir tout compris sur ce que tu veut faire :



function CheckInput() {
var rempli = 2
for(i=0; i<nbquestions; ++i){
                var proposition = document.getElementsByName("prop");
                imput_prop = proposition[i];
   if(imput_prop.value == "")  {
     alert("Tous les champs n'ont pas été remplis!");
rempli--;
return false;
}
}
if (rempli == 2) {
correction();
        window.open('popup.htm','popup','width=300,height=200,toolbar=false,scrollbars=false')
}
}



Est-ce cela ???

Commentaire de routry le 14/05/2007 22:27:10

Bonsoir Laffrey,

C'est exactement cela que je désirai, je te remercie infiniment pour tout.
Je t'enverrai prochainement le lien, tu seras très surpris de ce que j'ai pu mettre au point avec ton script.

Merci encore

Cordialement
Routry

Commentaire de marial le 04/06/2007 18:14:41

Salut Laffrey!

Merci beaucoup pour ton code et je cherchais un Quiz pareil pour l'utilisation sur mon site et le tien m'aidera beaucoup je n'oublierai point de te faire découvrir les bienfaits de ton code.
Marial

Commentaire de marial le 04/06/2007 18:41:39

Resalut Laffrey!

Ton code marche impécablement sur Internet Explorer mais lorsque
je l'executer sur Firefox et bonjour le bordel, il ne fonctionne plus
enfin c'est le bouton EFFACER qui ne joue pas son rôle.
Peux-tu me dire à quoi cela est-il dû? c'est tout de même ennuyeux
de voir les visiteurs sur mon site ne pouvant pas profiter de mon Quizz
surtout s'ils navigent avec Mozilla Firefox.
Merci pour ta réponse.
Marial

Commentaire de Laffrey le 05/06/2007 09:29:08

Salut Marial,
Pour le problème, c'est que Firefox ne recharge pas complètement la page. Il faut lui présiser de rendre à nouveau possible la sélection sur tout les bouttons et d'effacer leurs contenus. Voici ce que cela donne pour la fonction efface() :

function efface() {
for (var i=0; i<nbquestions; i++) {
var proposition = document.getElementsByName("prop");
imput_prop = proposition[i];
imput_prop.disabled = false; //rend possible la modification des données des boutons "prop" (pour Firefox)
imput_prop.value=""; //efface le contenu des bouttons
}
document.getElementById("total").value=""; //remet le boutton "total" à 0 (pour Firefox)
location.reload(); //recharge la page
return(false);

}


Normalement, cela devrait marcher...

Commentaire de marial le 05/06/2007 15:31:53

Salut Laffrey!

merci maintenant tout est ok sur Firefox apres avoir validé, le bouton effacer reactualise et recharge le contenu des champs.
Merci c'est pratique maintenant sur IE et FM.

A très bientôt

Marial

Commentaire de MJ92 le 17/01/2010 12:15:58

Salut Laffrey,

Perso j'aime bien ce code, ca pourrait "aider" (lol) toutes les personnes qui ne savent plus écrire en Français, mais en langage SMSisé !
Ca devient hallucinant !

Ce qui serait sympa c'est de pouvoir le développer via toute une série de questions-réponses, et de façon qui ne doit pas être lourd au chargement de la page. Pourquoi ne pas l'utiliser avec du SQL ?

 Ajouter un commentaire


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 :&lt;html&gt;&lt;title&gt;test&lt;/title&gt; &lt;body&gt;&lt;script type="text/javascript"&gt;&lt; 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


Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,749 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales