begin process at 2012 05 28 15:06:45
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Formulaire

 > 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.

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

Note :
Aucune note
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é :25 389 / 652
Auteur : BDFC

Ecrire un message privé
Site perso
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

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

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!

 Sources de la même categorie

Source avec Zip Source avec une capture FORMULAIRE TABLEAU par vic511
Source avec Zip Source avec une capture FORMULAIRE DYNAMIQUE par Niidhogg
Source avec Zip Source avec une capture CONTRAINTE DE SAISIE SUR CHAMPS INPUT par ryosama
SELECTS DÉPENDANTS PRÉ-CHARGÉS D'UNE SEULE OPTION par phm
Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Toutes les sources de la catégorie Formulaire

 Sources en rapport avec celle ci

Source avec Zip QUIZ QI GRAPHIQUE par lecurieux41
Source avec Zip QUIZ HTML CSS ET JAVASCRIPT par lecurieux41
Source avec Zip Source avec une capture QUESTIONNAIRE-QUIZ par Laffrey
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 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++

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

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++

Commentaire de kazma le 02/08/2008 22:16:34 administrateur CS

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.

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 ;-).

Commentaire de nicomilville le 03/08/2008 17:13:09

ok, ta source est mieux maintenant !

;-)

a++

PS : de rien !

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 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 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 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...

Comparez les prix


Mio - Moov V735 - GPS Europe - Ecran 7"
Entre 305€ et 375€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
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,796 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)