begin process at 2012 05 28 14:33:33
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Jeux

 > QUIZ COMPLET ET FACILEMENT PERSONNALISABLE

QUIZ COMPLET ET FACILEMENT PERSONNALISABLE


 Information sur la source

Note :
9,5 / 10 - par 2 personnes
9,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Jeux Classé sous :quiz, questionnaire, quizz Niveau :Initié Date de création :04/06/2006 Vu :11 630

Auteur : Thypot

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

 Description

Bonjour à tous.

Voici mon premier code source. Il n'est pas bien difficile, et très sincèrement, il est très facile à comprendre.
Il consiste tout simplement à répondre à 10 questions, ou plus, et à regarder le résultat. Le quiz est facilement personnalisable puisque vous pouvez (bien sûr) modifier son design. Il ne vous reste plus qu'à copier ce code et à le coller dans les balises <body> et </body>. Puis, vous pourrez modifier à votre guise les questions, les réponses et les messages d'alerte.

Merci de votre future indulgence pour un programmeur débutant.

Source

  • <script language="JavaScript">
  • var rep = new Array;
  • var faite = new Array;
  • var score = 0;
  • rep[1] = "a"; // Ici, insérer les réponses aux questions posées.
  • rep[2] = "a";
  • rep[3] = "a";
  • rep[4] = "a";
  • rep[5] = "a";
  • rep[6] = "a";
  • rep[7] = "a";
  • rep[8] = "a";
  • rep[9] = "a";
  • rep[10] = "a";
  • function Engine(question, reponse) {
  • if (reponse != rep[question]) {
  • if (!faite[question]) {
  • faite[question] = -1;
  • alert("Mauvaise réponse ! Votre score est de : " + score + ". La bonne reponse est la -" + rep[question] + "-");
  • }
  • else {
  • alert("Vous avez déjà répondu à cette question !");
  • }
  • }
  • else {
  • if (!faite[question]) {
  • faite[question] = -1;
  • score++;
  • alert("Bonne réponse ! Votre score est de " + score + " point(s) !");
  • }
  • else {
  • alert("Vous avez déjà répondu à cette question !");
  • }
  • }
  • }
  • function NextLevel () {
  • if (score >= 11) {
  • alert("Ce n'est pas beau de tricher ! ");
  • }
  • if (score > 8 && score <11) {
  • alert(score + "/10 " + "Bravo !") // La phrase-alerte qui félicite le joueur ayant un score de 10/10.
  • self.location=""
  • }
  • if (score >= 6 && score <= 7) {
  • alert(score + "/10 " + "- Pas mal, mais un peu d'entraînement ne ferait pas de mal !");
  • }
  • if (score >= 4 && score <= 5) {
  • alert(score + "/10 " + "- C'est moyen...");
  • }
  • if (score >= 2 && score <= 3) {
  • alert(score + "/10 " + "- Non, c'est pas encore ça... Vous avez du chemin à faire avant d'être incollable !");
  • }
  • if (score < 2) {
  • alert(score + "/10 " + "- Eh bien, c'est catastrophique !" );
  • }
  • faite = new Array;
  • score = 0;
  • document.quest.reset();
  • }
  • </script>
  • <!-- Fin du script -->
  • <!-- Debut du questionnaire -->
  • <span class="Style2 Style19"><strong>Quiz</strong></span><font face="Verdana"><span style="font-size: 8pt;"><b><br />
  • </b></span></font><br />
  • <br />
  • <br />
  • <br />
  • <span class="Style1"><span class="Style16"><strong>- Question 1 </strong></span><br />
  • <font face="Verdana">
  • <input onclick="Engine(1, this.value)" value="a" name="1" type="radio">
  • a) Réponse a<br>
  • <input onclick="Engine(1, this.value)" value="b" name="1" type="radio">
  • b) Réponse b <br>
  • <input onclick="Engine(1, this.value)" value="c" name="1" type="radio">
  • c) Réponse c </font></span><font face="Verdana"><br />
  • <br>
  • <span class="Style1"><b>- Question 2 <br />
  • </b>
  • <input onclick="Engine(2, this.value)" value="a" name="2" type="radio">
  • a) Réponse a <br>
  • <input onclick="Engine(2, this.value)" value="b" name="2" type="radio">
  • b) Réponse b <br>
  • <input onclick="Engine(2, this.value)" value="c" name="2" type="radio">
  • c) Réponse c </span></font>
  • <p align="left" class="Style1"><font face="Verdana"><b>- Question 3 <br />
  • </b>
  • <input onclick="Engine(3, this.value)" value="a" name="3" type="radio">
  • a) a <br>
  • <input onclick="Engine(3, this.value)" value="b" name="3" type="radio">
  • b) b <br>
  • <input onclick="Engine(3, this.value)" value="c" name="3" type="radio">
  • c) c </font></p>
  • <p align="left" class="Style1"><font face="Verdana"><b>- Question 4</b><br>
  • <input onclick="Engine(4, this.value)" value="a" name="4" type="radio">
  • a) a <br>
  • <input onclick="Engine(4, this.value)" value="b" name="4" type="radio">
  • b) b <br>
  • <input onclick="Engine(4, this.value)" value="c" name="4" type="radio">
  • c) c </font></p>
  • <p align="left" class="Style1"><font face="Verdana"><b>- Question 5 <br />
  • </b>
  • <input onclick="Engine(5, this.value)" value="a" name="5" type="radio">
  • a) a <br>
  • <input onclick="Engine(5, this.value)" value="b" name="5" type="radio">
  • b) b<br>
  • <input onclick="Engine(5, this.value)" value="c" name="5" type="radio">
  • c) c </font></p>
  • <p align="left" class="Style1"><font face="Verdana"><b>;- Question 6 <br />
  • </b>
  • <input onclick="Engine(6, this.value)" value="a" name="6" type="radio">
  • a) a <br>
  • <input onclick="Engine(6, this.value)" value="b" name="6" type="radio">
  • b) b <br>
  • <input onclick="Engine(6, this.value)" value="c" name="6" type="radio">
  • c) c </font></p>
  • <p align="left" class="Style1"><font face="Verdana"><b> - Question 7 <br />
  • </b>
  • <input onclick="Engine(7, this.value)" value="a" name="7" type="radio">
  • a) a <br>
  • <input onclick="Engine(7, this.value)" value="b" name="7" type="radio">
  • b) b <br>
  • <input onclick="Engine(7, this.value)" value="c" name="7" type="radio">
  • c) c </font></p>
  • <p align="left" class="Style1"><font face="Verdana"><b>8 - Question 8 <br />
  • </b>
  • <input onclick="Engine(8, this.value)" value="a" name="8" type="radio">
  • a) a <br>
  • <input onclick="Engine(8, this.value)" value="b" name="8" type="radio">
  • b) b<br>
  • <input onclick="Engine(8, this.value)" value="c" name="8" type="radio">
  • c) c</font></p>
  • <p align="left" class="Style1"><font face="Verdana"><b>- Question 9<br />
  • </b>
  • <input onclick="Engine(9, this.value)" value="a" name="9" type="radio">
  • a) a <br>
  • <input onclick="Engine(9, this.value)" value="b" name="9" type="radio">
  • b) b <br>
  • <input onclick="Engine(9, this.value)" value="c" name="9" type="radio">
  • c) c </font></p>
  • <p align="left" class="Style1"><font face="Verdana"><b>- Question 10 <br />
  • </b>
  • <input onclick="Engine(10, this.value)" value="a" name="10" type="radio">
  • a) a <br>
  • <input onclick="Engine(10, this.value)" value="b" name="10" type="radio">
  • b) b <br>
  • <input onclick="Engine(10, this.value)" value="c" name="10" type="radio">
  • c) c <br>
  • <!-- Fin du questionnaire -->
  • </font></p>
  • <p align="left"><font face="Verdana"><span style="font-size: 8pt;">
  • <input name="Resultat" style="border: 1px dotted ; background: transparent none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" onclick="NextLevel()" value="Résultat" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" 0="" type="button">
  • </span></font></p>
  • <p align="left">
  • <script language="JavaScript">
  • <!--
  • var SymRealOnLoad;
  • var SymRealOnUnload;
  • function SymOnUnload()
  • {
  • window.open = SymWinOpen;
  • if(SymRealOnUnload != null)
  • SymRealOnUnload();
  • }
  • function SymOnLoad()
  • {
  • if(SymRealOnLoad != null)
  • SymRealOnLoad();
  • window.open = SymRealWinOpen;
  • SymRealOnUnload = window.onunload;
  • window.onunload = SymOnUnload;
  • }
  • SymRealOnLoad = window.onload;
  • window.onload = SymOnLoad;
  • //-->
  • </script>
<script language="JavaScript">
 
var rep = new Array;
var faite = new Array;
var score = 0;
 

rep[1] = "a"; // Ici, insérer les réponses aux questions posées.
rep[2] = "a";
rep[3] = "a";
rep[4] = "a";
rep[5] = "a";
rep[6] = "a";
rep[7] = "a";
rep[8] = "a";
rep[9] = "a";
rep[10] = "a";

function Engine(question, reponse) {
        if (reponse != rep[question]) {
                if (!faite[question]) {
                        faite[question] = -1;
                        alert("Mauvaise réponse ! Votre score est de : " + score + ".  La bonne reponse est la -" + rep[question] + "-");
                        }
                else {
                        alert("Vous avez déjà répondu à cette question !");
                        }
                }
        else {
                if (!faite[question]) {
                        faite[question] = -1;
                        score++;
                        alert("Bonne réponse ! Votre score est de " + score + " point(s) !");
                        }
                else { 
                        alert("Vous avez déjà répondu à cette question !");
                        }
                }
}
 
function NextLevel () {
        if (score >= 11) {
                alert("Ce n'est pas beau de tricher ! ");
                }
        if (score > 8 && score <11) {
                alert(score + "/10 " + "Bravo !") // La phrase-alerte qui félicite le joueur ayant un score de 10/10.
                self.location=""
                }
        if (score >= 6 && score <= 7) {
                alert(score + "/10 " + "- Pas mal, mais un peu d'entraînement ne ferait pas de mal !");
                }
        if (score >= 4 && score <= 5) {
                alert(score + "/10 " + "- C'est moyen...");
                }
        if (score >= 2 && score <= 3) {
                alert(score + "/10 " + "- Non, c'est pas encore ça... Vous avez du chemin à faire avant d'être incollable !");
                }
        if (score < 2) {
                alert(score + "/10 " + "- Eh bien, c'est catastrophique !" );
                }
 

faite = new Array;
score = 0;
document.quest.reset();
}

  </script>
                          <!-- Fin du script -->

                          <!-- Debut du questionnaire -->
                          <span class="Style2 Style19"><strong>Quiz</strong></span><font face="Verdana"><span style="font-size: 8pt;"><b><br />
                          </b></span></font><br />
                          <br />
                          <br />
                          <br />

                          <span class="Style1"><span class="Style16"><strong>- Question 1 </strong></span><br />
                          <font face="Verdana">
                          <input onclick="Engine(1, this.value)" value="a" name="1" type="radio"> 
                          a) Réponse a<br>
    <input onclick="Engine(1, this.value)" value="b" name="1" type="radio"> 
    b) Réponse b <br>
    <input onclick="Engine(1, this.value)" value="c" name="1" type="radio"> 
    c) Réponse c </font></span><font face="Verdana"><br />
                          <br>
                          <span class="Style1"><b>- Question 2 <br />
                          </b>
                          <input onclick="Engine(2, this.value)" value="a" name="2" type="radio">
                          a) Réponse a <br>
                          <input onclick="Engine(2, this.value)" value="b" name="2" type="radio">
                          b) Réponse b <br>
                          <input onclick="Engine(2, this.value)" value="c" name="2" type="radio">
                          c) Réponse c </span></font>
                         <p align="left" class="Style1"><font face="Verdana"><b>- Question 3 <br />
  </b>
         <input onclick="Engine(3, this.value)" value="a" name="3" type="radio">
         a) a <br>
         <input onclick="Engine(3, this.value)" value="b" name="3" type="radio">
          b) b <br>
          <input onclick="Engine(3, this.value)" value="c" name="3" type="radio">
   c) c </font></p>
                         <p align="left" class="Style1"><font face="Verdana"><b>- Question 4</b><br>
        <input onclick="Engine(4, this.value)" value="a" name="4" type="radio"> 
  a) a <br>
  <input onclick="Engine(4, this.value)" value="b" name="4" type="radio"> 
  b) b <br>
  <input onclick="Engine(4, this.value)" value="c" name="4" type="radio">
   c) c </font></p>
                         <p align="left" class="Style1"><font face="Verdana"><b>- Question 5 <br />
  </b>
      <input onclick="Engine(5, this.value)" value="a" name="5" type="radio"> 
    a) a <br>
    <input onclick="Engine(5, this.value)" value="b" name="5" type="radio">
     b) b<br>
     <input onclick="Engine(5, this.value)" value="c" name="5" type="radio">
     c) c </font></p>
                         <p align="left" class="Style1"><font face="Verdana"><b>;- Question 6 <br />
  </b>
         <input onclick="Engine(6, this.value)" value="a" name="6" type="radio">
         a) a <br>
         <input onclick="Engine(6, this.value)" value="b" name="6" type="radio"> 
         b) b <br>
         <input onclick="Engine(6, this.value)" value="c" name="6" type="radio">
          c) c </font></p>
                         <p align="left" class="Style1"><font face="Verdana"><b> - Question 7 <br />
  </b>
         <input onclick="Engine(7, this.value)" value="a" name="7" type="radio">
         a) a <br>
         <input onclick="Engine(7, this.value)" value="b" name="7" type="radio">
          b) b <br>
          <input onclick="Engine(7, this.value)" value="c" name="7" type="radio">
           c) c </font></p>
                         <p align="left" class="Style1"><font face="Verdana"><b>8 - Question 8 <br />
  </b>
      <input onclick="Engine(8, this.value)" value="a" name="8" type="radio">
         a) a <br>
         <input onclick="Engine(8, this.value)" value="b" name="8" type="radio">
          b) b<br>
          <input onclick="Engine(8, this.value)" value="c" name="8" type="radio">
           c) c</font></p>
                         <p align="left" class="Style1"><font face="Verdana"><b>- Question 9<br />
  </b>
      <input onclick="Engine(9, this.value)" value="a" name="9" type="radio">
         a) a <br>
         <input onclick="Engine(9, this.value)" value="b" name="9" type="radio">
          b) b <br>
          <input onclick="Engine(9, this.value)" value="c" name="9" type="radio">
           c) c </font></p>
                         <p align="left" class="Style1"><font face="Verdana"><b>- Question 10 <br />
  </b>
      <input onclick="Engine(10, this.value)" value="a" name="10" type="radio">
     a) a <br>
    <input onclick="Engine(10, this.value)" value="b" name="10" type="radio">
    b) b <br>
    <input onclick="Engine(10, this.value)" value="c" name="10" type="radio">
     c)  c <br>
     <!-- Fin du questionnaire -->
  </font></p>
  <p align="left"><font face="Verdana"><span style="font-size: 8pt;">
    <input name="Resultat" style="border: 1px dotted ; background: transparent none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" onclick="NextLevel()" value="Résultat" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" 0="" type="button">
  </span></font></p>
  <p align="left">
  <script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
  window.open = SymWinOpen;
  if(SymRealOnUnload != null)
     SymRealOnUnload();
}

function SymOnLoad()
{
  if(SymRealOnLoad != null)
     SymRealOnLoad();
  window.open = SymRealWinOpen;
  SymRealOnUnload = window.onunload;
  window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>

 Conclusion

Eh bien voilà, c'est fait. J'espère que ce code vous satisfaira. Pour le tester, vous pouvez aller sur http://thypot.free.fr/quiz.php

Je vous remercie d'avance pour vos commentaires constructifs.


 Sources de la même categorie

Source avec Zip Source avec une capture AVVDA : A VERY VERY DARK AFFAIRES DEMO par Cyreb
Source avec Zip Source avec une capture 3D AVEC WEBGL + MESH par Hakumbaya
SUDOKU RESOLVER (BRUTEFORECE, RÉCURSION) par amezghal
Source avec Zip MACHINE À SOUS par loicseg
Source avec Zip DOODLE JUMP EN JAVASCRIPT par Toshy62

 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 TEST, QUIZZ, QCM, QUESTIONNAIRE SUR RÉPONSE OUI OU NON AVEC ... par BDFC
Source avec Zip Source avec une capture QUESTIONNAIRE-QUIZ par Laffrey
Source avec Zip Source avec une capture QUESTIONNAIRE SUPPORTANT DIFF. TYPES DE QUESTIONS par PhiL666

Commentaires et avis

Commentaire de linkid le 05/06/2006 13:24:40

Ton quiz est bien, mais il y a un problème : si on clique sur résultat, le nombre de bonnes réponses retombe à zéro...

Commentaire de mielvanille le 27/06/2006 14:16:58

J'adore ce script mercI ...

Commentaire de kiki2sirom le 06/07/2006 11:55:04

bon je vais donc être indulgent puisque c ta 1re source :

* d'abord le niveau Initié, c un peu ambitieux, tu peux le redescendre à Débutant justement ;)
* ce qui est <script>...</script> se place entre la balise <head> et </head> avant le body
* <script language="JavaScript">  doit être remplacé par <script type="text/javascript">
* document.quest.reset(); est une erreur, 'quest' n'existe pas : erreur javascript logique
faire un <form name='quest'>...</form> suffit
* erreur javascript : 'SymRealWinOpen est indéfini', rajouter var SymRealWinOpen; suffit
* <br /> partout à la place des <br>, tu l'as mis parfois mais pas tout le temps
* ligne 80 : <font face="Verdana"><span style="font-size: 8pt;"><b><br /></b></span></font> : hum, ça sert à quoi ? à rieng !!

Bref, en résumé beaucoup de HTML pour pas grand chose, beaucoup de span, font ... par exemple si tout est en Verdana, déclare le une seule fois, et non à chaque ligne...

Je ne note pas.

Voilà pour les remarques

håggåg

PS : pour valider son code, cf le W3C validator

Commentaire de kiki2sirom le 06/07/2006 12:13:24

j'avais pas vu ça aussi :

ligne 169 : 0="", à enlever

håggåg

Commentaire de linkid le 06/07/2006 13:51:05

Pour les <br>, c'est mieux comme ça : <br>...
Je ne voit pas pourquoi il changerait...

Commentaire de kiki2sirom le 06/07/2006 15:31:14

c'est pas une question de "c'est mieux comme ça"
c'est une question de : <br /> c'est comme ça que ça s'écrit pour être valide XHTML

même si l'idée est louable, le HTML est loin d'être clean, mais je dis ça pour l'aider et non pour le casser.
j'indique juste comment il faut écrire pour aider à progresser, c'est un site d'entraide phpcs...

cordialement

håggåg

PS : en plus j'avais oublié ça : marginheight="0" marginwidth="0" leftmargin="0" topmargin="0" dans le input type="button" n'existe pas..., tu peux mettre ça dauns tag body mais pas dans un input.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

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 un module de quiz [ par wassouma86 ] Je veux integrer dans mon site un systéme de quiz, y 'a t'il des modules prêt IP unique pour un questionnaire [ par Lologolas ] Bonjour à tous, Je développe actuellement un site web. Ce site web comporte un questionnaire. Voici mon problème : J'aimerai que ce questionnaire ne remplacer un bouton par un texte pour envoyer un formulaire [ par soleilgym64 ] Bonjour tout le monde, J'espère que tout le monde n'est pas en vacances !!! De mon côté je cherche depuis 3 jours à remplacer le bouton "envoyer" de Formulaire questionnaire [ 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 formulaire-questionnaire [ 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 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 limiter le temps de réponse à un questionnaire [ par luds ] Bonjour,je suis à la recherche d'un outil (script javascript, html , php,...) qui me permettrai d'imposer un temps de réponse à un qcm fait en html.Me 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 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


Nos sponsors


Sondage...

Comparez les prix

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,452 sec (4)

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