AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 07 06 01:40:12
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

QUESTIONNAIRE-QUIZ


Information sur la source

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é: 11 509 / 700
Auteur : Laffrey Site perso
Ecrire un message privé
Note :
Aucune note
Commentaire sur cette source (9)
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

Pour les "Membres Club", vous pouvez 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...

Commentaires et avis

signaler à un administrateur
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>

signaler à un administrateur
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 ...

signaler à un administrateur
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')">

signaler à un administrateur
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 ???

signaler à un administrateur
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

signaler à un administrateur
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

signaler à un administrateur
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

signaler à un administrateur
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...

signaler à un administrateur
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

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

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version


Apple iPod touch 2nde Gén. Noir 8 Go (Mac/PC)
Entre 209€ et 345€


Visiter le guide achat

Photothèque Nouveau !

Photo sitges beachPhoto alphabet langue des sourds
Photo corps parfait 

Visiter la 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
Temps d'éxécution de la page : 0,499 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.