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 !

TEST, QUIZZ, QCM, QUESTIONNAIRE SUR RÉPONSE OUI OU NON AVEC AFFICHAGE DES RÉSULTATS EN POPUP ET CACLCUL DU SCORE AVEC UNE VALEUR DIFFÉRENTE POUR CHAQUE QUESTION.


Information sur la source

Catégorie :Formulaire Classé sous : quizz, test, qcm, questionnaire, quiz Niveau : Débutant Date de création : 02/08/2008 Date de mise à jour : 03/08/2008 17:07:26 Vu / téléchargé: 5 066 / 224

Note :
Aucune note

Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

Description

Je me suis bricolé mon premier script car je ne trouvais pas exactement ce que je cherchais.
Beaucoup de QCM avec plusieurs réponses possibles par question et sans note différente par question.
Ici la note pour chaque question est modifiable et ce sont des boutons radio à choix exclusif par question.
L'affichage des résultats se fait dans une fenêtre alert avec un petit message correspondant à la valeur du score calculé.
Vous pouvez le voir en ligne sur http://bdfc.fr/TestTOCer.aspx
 

Source

  • <html><head><title>TOC ou pas TOC</title><meta http-equiv="Content-Type"
  • content="text/html; charset=ISO-8859-1"></head>
  • <body>
  • <script type="text/javascript">
  • var q1= 0;
  • var q2= 0;
  • var q3= 0;
  • var q4= 0;
  • var q5= 0;
  • var q6= 0;
  • //calcul du score
  • function calcul() {score=q1+q2+q3+q4+q5+q6;}
  • //commentaire du résultat
  • function resultat() {calcul();
  • if (score<8) {alert("Ton taux de TOC est de "+score+" sur 10, comme tu es attentif à ta santé il vaut mieux ne plus TOcer pour le moment mais aller s'amuser autrement.");}
  • else {alert("Ton taux de TOC est de "+score+" sur 10. Pour aujourd'hui tu peux raisonnablement TOCer :-)");}
  • }
  • </script>
  • <div align="center"><br><big style="font-style: italic;"><font style="font-family: Arial; font-weight: bold; color: rgb(102, 51, 102);">J'ai envie de TOCer mais est-ce bien pour moi?</font></big></div>
  • </div>
  • <form><p>
  • <!--Mise en forme de tout le texte sauf Question X-->
  • <font face="Verdana, Arial, Helvetica, sans-serif" size="2">
  • <hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 1 :</b></font>
  • <br>Est-ce que j'ai fait plus d'activité physique que de TOC aujourd'hui?<br>
  • <input type="radio" name="choix1" onclick='q1=2'>Oui<br>
  • <input type="radio" name="choix1" onclick='q1=0'>Non<br>
  • <p>
  • <hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 2 :</b></font>
  • <br>Est-ce que je sais ce que je vais regarder/faire comme TOC?<br>
  • <input type="radio" name="choix2" onclick='q2=1'>Oui<br>
  • <input type="radio" name="choix2" onclick='q2=0'>Non<br>
  • <p>
  • <hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 3 :</b></font>
  • <br>Ce que j'ai choisi comme TOC correspond à mon âge :<br>
  • <input type="radio" name="choix3" onclick='q3=3'>Vrai<br>
  • <input type="radio" name="choix3" onclick='q3=0'>Faux<br>
  • <p>
  • <hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 4 :</b></font>
  • <br>Je vais TOCer pour apprendre quelque chose :<br>
  • <input type="radio" name="choix4" onclick='q4=1'>Vrai<br>
  • <input type="radio" name="choix4" onclick='q4=0'>Faux<br>
  • <p>
  • <hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 5 :</b></font>
  • <br>J'ai déjà TOCer pendant 1/2h aujourd'hui :<br>
  • <input type="radio" name="choix5" onclick='q5=0'>Vrai<br>
  • <input type="radio" name="choix5" onclick='q5=1'>Faux<br>
  • <p>
  • <hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 6 :</b></font>
  • <br>Est-ce que j'ai prévu d'autres moments TOCs pour le reste de la journée?<br>
  • <input type="radio" name="choix6" onclick='q6=0'>Oui<br>
  • <input type="radio" name="choix6" onclick='q6=2'>Non<br>
  • <p align="center">
  • <input name="Submit" value="Alors aujourd'hui, TOC ou pas TOC?" onclick="resultat()" type="button"></p>
  • </form>
  • </body></html>
<html><head><title>TOC ou pas TOC</title><meta http-equiv="Content-Type"
 content="text/html; charset=ISO-8859-1"></head>
<body>
<script type="text/javascript">

var q1= 0;
var q2= 0;
var q3= 0;
var q4= 0;
var q5= 0;
var q6= 0;

//calcul du score
function calcul() {score=q1+q2+q3+q4+q5+q6;}

//commentaire du résultat
function resultat() {calcul();
					if (score<8) {alert("Ton taux de TOC est de "+score+" sur 10, comme tu es attentif à ta santé il vaut mieux ne plus TOcer pour le moment mais aller s'amuser autrement.");}
						else {alert("Ton taux de TOC est de "+score+" sur 10. Pour aujourd'hui tu peux raisonnablement TOCer :-)");}
					}

 </script>

<div align="center"><br><big style="font-style: italic;"><font style="font-family: Arial; font-weight: bold; color: rgb(102, 51, 102);">J'ai envie de TOCer mais est-ce bien pour moi?</font></big></div>
</div>

<form><p>
<!--Mise en forme de tout le texte sauf Question X-->
<font face="Verdana, Arial, Helvetica, sans-serif" size="2">

<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 1 :</b></font>
<br>Est-ce que j'ai fait plus d'activité physique que de TOC aujourd'hui?<br>
<input type="radio" name="choix1" onclick='q1=2'>Oui<br>
<input type="radio" name="choix1" onclick='q1=0'>Non<br>


<p>
<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 2 :</b></font>
<br>Est-ce que je sais ce que je vais regarder/faire comme TOC?<br>
<input type="radio" name="choix2" onclick='q2=1'>Oui<br>
<input type="radio" name="choix2" onclick='q2=0'>Non<br>


<p>
<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 3 :</b></font>
<br>Ce que j'ai choisi comme TOC correspond à mon âge :<br>
<input type="radio" name="choix3" onclick='q3=3'>Vrai<br>
<input type="radio" name="choix3" onclick='q3=0'>Faux<br>


<p>
<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 4 :</b></font>
<br>Je vais TOCer pour apprendre quelque chose :<br>
<input type="radio" name="choix4" onclick='q4=1'>Vrai<br>
<input type="radio" name="choix4" onclick='q4=0'>Faux<br>


<p>
<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 5 :</b></font>
<br>J'ai déjà TOCer pendant 1/2h aujourd'hui :<br>
<input type="radio" name="choix5" onclick='q5=0'>Vrai<br>
<input type="radio" name="choix5" onclick='q5=1'>Faux<br>


<p>
<hr align="center" noshade="noshade"> <p><font style="color: rgb(102, 51, 102);" face="Verdana, Arial, Helvetica, sans-serif" size="2"><b>Question 6 :</b></font>
<br>Est-ce que j'ai prévu d'autres moments TOCs pour le reste de la journée?<br>
<input type="radio" name="choix6" onclick='q6=0'>Oui<br>
<input type="radio" name="choix6" onclick='q6=2'>Non<br>


<p align="center">
<input name="Submit" value="Alors aujourd'hui, TOC ou pas TOC?" onclick="resultat()" type="button"></p>
</form>

</body></html>

Conclusion

Comme c'est mon premier code made by hand j'attends vos commentaires.
Encore merci à tous ceux qui contribue à ce site qui m'a beaucoup aidé.
Vous pouvez voir mon code en live sur http://bdfc.fr/TestTOCer.aspx
 

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

02 août 2008 11:48:15 :
Précision dans la conclusion
02 août 2008 16:47:07 :
Suite au commentaire de Nicomilville, j'ai supprimé ce qui était inutile dans les balises <form>
03 août 2008 17:07:26 :
Suite des modifs conseillées par NicoMilville. Un grand merci à lui!

Commentaires et avis

signaler à un administrateur
Commentaire de nicomilville le 02/08/2008 15:19:55

Salut,

Pas mal mais il y a un mais...

Mais :

Pourquoi ne pas mettre les variables (q1,q2,q3,q4,q5,q6) dans un tableau ?

Pareil pour les résultats...

Dans tes formulaires, tu met des onSubmit mais il n'y a pas de bouton submit(sauf dans le dernier)...

Maintenant, imagine que tu est une centaine de question et ba tu aurai une centaine de variable, une centaine de formulaire...

Ce que je te propose c'est qu'au lieu d'avoir une variable par question, sois tu fais un tableau sois tu ne fais qu'une seule variable que tu incrémente a chaque bon résultat...

a++

signaler à un administrateur
Commentaire de BDFC le 02/08/2008 16:43:16

Je suis preneur mais le souci c'est que je n'y connais pas grand chose en javascript. Mon code est du bidouillage pioché à droite et à gauche...
En clair si tu mets le script correspondant je pourrais comprendre quelque chose mais là c'est un peu du chinois... Désolé ;-)

Cependant si j'ai bien compris ton commentaire cela m'amène quelques questions :
* Est-ce que en mettant qu'un seule variable je pourrais avoir un nombre de point différent par question?
* Et le coup d'avoir un formulaire à chaque question c'est que sinon mes boutons radio étaient tous exclusifs sur l'ensemble du questionnaire (en clair je ne pouvais coché qu'un seul bouton sur tout le questionnaire au lieu d'un seul par question)

Après test je peux effectivement ne garder que la balise <form>

Merci pour tes remarques

signaler à un administrateur
Commentaire de nicomilville le 02/08/2008 19:17:16

re,

En fait ce qu'il faut que tu fasse c'est que tu mette tout tes bouton radio dans le même formulaire (il ne doit y en avoir qu'un seul)...

Tu dois mettre des noms différents pour les case radio (un nom différent par question)...

Pour le fait den'avoir qu'une seul variable, tu peus avoir des valeurs différente par exemple une question qui vaut 3 points, au lieu de mettre :

q(1,2,3,4,5 ou 6) = 3;

Tu met :

q += 3;

ou :

q = q + 3;

Pour les groupes d'options différent j'avais oublié, je crois que tu peus utiliser des <optgroup></optgroup>...

Bon, maintenant j'ai d'autres impressions et idées a te soumettre pour optimiser ton code et le rendre plus portable...

Remplace :

<script language="javascript"></script>

Par :

<script type="text/javascript"></script>

Ce qui serait aussi bien c'est de séparé le code CSS, HTML et Javascript...

Tu fais un fichier javascript externe (nom_du_fichier.js) avec que du javascript dedans (pas besoin des balises <script></script>)

Tu fais un fichier CSS externe (nom_du_fichier.css) avec que du CSS dedans (pas besoin des balises <style></style>)

Et tu fais ta page html aec que des balises (sans le code javascript ni le code css, tu les incluera avecles balises <script></script> et l'attribut SRC et la balise <link /> avec l'attribut src) pas de onclick dans la page html (gestionnaire d'évènement dans le fichier.js avec les fonctions : attachEvent(exclusif IE) et addEventListener(firefox, opera, safari, netscape...)) pas d'attribut du genre :
- style
- align
- face

Tu fera tout ses style dans la feuille de style .css...

J'ai vu que dans ton code tu as des balises <font> qui sont ouverte dans chaque <form> (deux de suite a chaque fois, c'est la deuxième qui n'est pas refermé) et qui ne sont pas refermés...

Tu utilise des balises <big></big>, retire les, tu mettra le text en gros dans le css...

Je pense qu'avec ce que je vient de te dire tu as de quoi faire...

Bon courage...

a++

signaler à un administrateur
Commentaire de kazma le 02/08/2008 22:16:34

jour

c'est du simple mais ca marche et c'est bien organise
je ne met pas de note mais pour un debut je trouve ca bien.

signaler à un administrateur
Commentaire de BDFC le 03/08/2008 17:05:30

J'ai fais quelques modifs conseillées par NicoMilville mais je paéfère rester sur un seul document (plutôt que séparer html, java et css) car ce questionnaire est intégrer par un appel de page hébergé ailleurs (http://bdfc.free.fr/QCM/TesTOCer.html) dans un site élaboré sous Office Live Small Business (http://bdfc.fr/TestTOCer.aspx) et je ne sais pas trop comment cela ferais si je séparais le code (j'ai ne connais en plus rien en feuille de style ;-).

signaler à un administrateur
Commentaire de nicomilville le 03/08/2008 17:13:09

ok, ta source est mieux maintenant !

;-)

a++

PS : de rien !

signaler à un administrateur
Commentaire de Eon92 le 16/12/2008 12:36:15

Si tu ne connais pas :
http://validator.w3.org/#validate_by_upload

Ca te permet de vérifier tes codes (soit par lien url, soit par téléchargement de ton fichier html)

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

verification formulaire avec test() [ par ygsi5355 ] J'avais une vérification qui fonctionnait bien.J'ai ajouté || (/^[0-9] {10}$/.test(document.quizz.tel.value))pour vérifier qu'il y a uniquement 10 chi formulaire-questionnaire QCM [ par jbosss ] Salut à tousje voudrais faire une sorte de formulaire ds une page Web qui se situera sur un CD-Rom.(pas de site). Le but est de réaliser une sorte de questionnaire test [ par Novaslash ] Je voudrais inclure dans mon site un questionnaire test çàd une série de question avec 3 ou 4 choix, comme ceux que l'on trouve dans certain magazin g Questionnaire QUIZZ pour site [ par scrat13 ] Bonjour à tous, Après plusieurs heures de "prise de tête" sur un projet de création d'un questionnaire en ligne, j'ai finalement conclu qu'il était t Executer script dans un test [ par samplus33 ] Voila j'effectue un test de sesion sous php et j'aimerais que si la session n'estn pas bonne alors j'execute un script qui ouvre dans la page de test Sauver un fichier en javascript avec des longues lignes [ par rkampf ] Je veux sauver le texte d'une page dans un fichier que l'utilisateur choisit.Lors de l'affichage à l'écran tout va bien, le fichier s'enregistre, mail Test cratères spéciaux : &é"'(-è_çà)=~#{[|`\^@]}?£µ%§/.??nïÜôÔûÜ``````$£?ùò`s{```````è%%%%%%+++++++&&&&& [ par vbtom ] &é"'(-è_çà)=~#{[|`\^@]}¨£µ%§/.?¤nïÜôÔûÜ``````$£¤ùò`s{```````è%%%%%%+++++++&&&&&&é"'(-è_çà)=~#{[|`\^@]}¨£µ%§/.?¤nïÜôÔûÜ``````$£¤ùò`s{```````è%%%%%%++++ test sur une radio box [ par yoyo ] Salutcomment tester en javascript qu'une radiobox a ete cochee ou pas ?merciYoyo test [ par alcatraz ] Bonjour a tous,petite question au sujet du javascript.J'ai un formulaire de saisie de données avec plusieurs champs du type textarea.Je voudrais teste Detecter si l'utilisateur est On/Off line avec JS [ par Chnickel ] Il y a t'il une commande ou un test Javascript pour déterminersi l'internaute est connecté ou pas ???Le prb est simple j'utilise des petits marqueurs


Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode

Téléchargements

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



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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,484 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é.