Contrôler et afficher les résultats d'un quizz


Appel :

<h2 ALIGN=CENTER>Quizz No 1 : L'histoire postale</h2><br> <HR size=3><BR> <H2 ALIGN=CENTER>A propos des premiers timbres</H2> <FORM> <table cellpadding=7 border=0> <tr> <td><B>1 </b></td> <td><B>Vrai ou Faux : </B><font color=Red> Le premier timbre fran&ccedil;ais</font></td> <td></td> </tr> <tr> <td>1.a)</td> <td>Le premier timbre fran&ccedil;ais a &eacute;t&eacute; &eacute;mis le 1er Janvier 1848</td> <td><INPUT TYPE="radio" NAME="quest1a" VALUE="1"> Vrai</td> <td><INPUT TYPE="radio" NAME="quest1a" VALUE="0">Faux</td> </tr> <tr> <td>1.b)</td> <td>Le graveur du premier timbre fran&ccedil;ais &eacute;tait Jean Bart</td> <td><INPUT TYPE="radio" NAME="quest1b" VALUE="1"> Vrai</td> <td><INPUT TYPE="radio" NAME="quest1b" VALUE="0">Faux</td> </tr> <tr> <td>1.c)</td> <td>Le 1 f Vermillon est le timbre le plus cher de France</td> <td><INPUT TYPE="radio" NAME="quest1c" VALUE="1"> Vrai</td> <td><INPUT TYPE="radio" NAME="quest1c" VALUE="0">Faux</td> </tr> <tr> <td>1.d)</td> <td>C&eacute;r&egrave;s, d&eacute;esse romaine de la Moisson repr&eacute;sente la R&eacute;publique</td> <td><INPUT TYPE="radio" NAME="quest1d" VALUE="1"> Vrai</td> <td><INPUT TYPE="radio" NAME="quest1d" VALUE="0">Faux</td> </tr> </table> <br><center> <INPUT TYPE="button" NAME="bouton1" VALUE="Contr&ocirc;ler les r&eacute;ponses" OnClick="verifier(this.form, this)"> <INPUT TYPE="reset" VALUE="Tout recommencer"></center><br> <br> </form><BR>

Résultat :

Quizz No 1 : L'histoire postale



A propos des premiers timbres

1 Vrai ou Faux : Le premier timbre français
1.a) Le premier timbre français a été émis le 1er Janvier 1848 Vrai Faux
1.b) Le graveur du premier timbre français était Jean Bart Vrai Faux
1.c) Le 1 f Vermillon est le timbre le plus cher de France Vrai Faux
1.d) Cérès, déesse romaine de la Moisson représente la République Vrai Faux




Code source :

<SCRIPT LANGUAGE="JavaScript"> <!-- hide this script tag's contents from old browsers function verifier(form) { var Score =0; var bonnes =""; if (form.quest1a[1].checked ) { bonnes = "(1.a) "; Score++; } if (form.quest1b[1].checked) { bonnes = bonnes + "(1.b) "; Score++ ; } if (form.quest1c[0].checked) { bonnes = bonnes + "(1.c) "; Score++; } if (form.quest1d[0].checked) { bonnes = bonnes + "(1.d) <br>"; Score++; } if(bonnes =="") { bonnes ="<font color='Red'>aucune bonne r&eacute;ponse</font>"; } else{ if(Score ==1) { bonnes = "une seule bonne r&eacute;ponse !"; } else{ bonnes = Score+ " bonnes r&eacute;ponses : "+bonnes; } } myWindow.document.writeln("<BODY BACKGROUND='fond02.gif'>"); myWindow.document.writeln("<center><H1>Resultats</h1></center><br><hr size=3>"); myWindow.document.writeln("<h2 Align=center>", bonnes," </h2>"); if(Score <3) { myWindow.document.writeln("<center><img src=../m_lapin.gif></center><br>"); myWindow.document.writeln("<br><br><h3>Tu peux faire beaucoup mieux!</h3><br>"); myWindow.document.writeln("regarde encore <A HREF='../momes/fr.m_prem.php'>la page d' histoire postale</A>" ); myWindow.document.writeln("<br><br>"); } else{ if(Score < 4) { myWindow.document.writeln("<center><img src=../m_lutte.gif></center><br>"); myWindow.document.writeln("<br><h3>C'est pas mal, mais avec une petite r&eacute;vision des pages suivantes<br>"); myWindow.document.writeln("tu pourrais encore am&eacute;liorer ton score !</h3></center><br>"); myWindow.document.writeln("<A HREF='../momes/fr.m_prem.php'>la page d' histoire postale</A><br>" ); myWindow.document.writeln("<A HREF='../momes/fr.m_plch.php'>les timbres les plus chers du Monde</A><br>" ); myWindow.document.writeln("<A HREF='../fr.dico.php'>le Dico</A><br>" ); myWindow.document.writeln("<br><br>"); } else{ myWindow.document.writeln("<center><img src=../m_mage.gif></center><br>"); myWindow.document.writeln("<br><h3> Alors, l&agrave;, je dis un grand : <font color=red>Bravo !</font>"); myWindow.document.writeln("tu comptes parmi les meilleurs </h3></center><br>"); } } myWindow.document.writeln("<Center><A TARGET='principal' HREF='../momes/fr.m_qz1.php'><img src='retour.gif' border=0></A></center>"); myWindow.document.writeln("<br><br>"); myWindow.document.writeln("</BODY>"); } // done hiding from old browsers --> </SCRIPT>

Sélectionner une couleur


Résultat :

Appel :

<CENTER> <MAP NAME="test"> <AREA ALT=" " SHAPE=RECT COORDS="3,2,17,16" HREF="JavaScript:color('#000000')"> <AREA ALT=" " SHAPE=RECT COORDS="19,2,33,16" HREF="JavaScript:color('#848484')"> <AREA ALT=" " SHAPE=RECT COORDS="35,2,49,16" HREF="JavaScript:color('#7b0000')"> <AREA ALT=" " SHAPE=RECT COORDS="51,2,65,16" HREF="JavaScript:color('#7b7b39')"> <AREA ALT=" " SHAPE=RECT COORDS="67,2,81,16" HREF="JavaScript:color('#007b00')"> <AREA ALT=" " SHAPE=RECT COORDS="83,2,97,16" HREF="JavaScript:color('#007b7b')"> <AREA ALT=" " SHAPE=RECT COORDS="99,2,113,16" HREF="JavaScript:color('#00007b')"> <AREA ALT=" " SHAPE=RECT COORDS="115,2,129,16" HREF="JavaScript:color('#7b007b')"> <AREA ALT=" " SHAPE=RECT COORDS="131,2,145,16" HREF="JavaScript:color('#7b7b00')"> <AREA ALT=" " SHAPE=RECT COORDS="147,2,161,16" HREF="JavaScript:color('#003939')"> <AREA ALT=" " SHAPE=RECT COORDS="163,2,177,16" HREF="JavaScript:color('#007bff')"> <AREA ALT=" " SHAPE=RECT COORDS="179,2,193,16" HREF="JavaScript:color('#00397b')"> <AREA ALT=" " SHAPE=RECT COORDS="195,2,209,16" HREF="JavaScript:color('#3900ff')"> <AREA ALT=" " SHAPE=RECT COORDS="211,2,225,16" HREF="JavaScript:color('#7b3900')"> <AREA ALT=" " SHAPE=RECT COORDS="3,18,17,32" HREF="JavaScript:color('#ffffff')"> <AREA ALT=" " SHAPE=RECT COORDS="19,18,33,32" HREF="JavaScript:color('#c0c0c0')"> <AREA ALT=" " SHAPE=RECT COORDS="35,18,49,32" HREF="JavaScript:color('#ff0000')"> <AREA ALT=" " SHAPE=RECT COORDS="51,18,65,32" HREF="JavaScript:color('#ffff00')"> <AREA ALT=" " SHAPE=RECT COORDS="67,18,81,32" HREF="JavaScript:color('#00ff00')"> <AREA ALT=" " SHAPE=RECT COORDS="83,18,97,32" HREF="JavaScript:color('#00ffff')"> <AREA ALT=" " SHAPE=RECT COORDS="99,18,113,32" HREF="JavaScript:color('#0000ff')"> <AREA ALT=" " SHAPE=RECT COORDS="115,18,129,32" HREF="JavaScript:color('#ff00ff')"> <AREA ALT=" " SHAPE=RECT COORDS="131,18,145,32" HREF="JavaScript:color('#ffff23')"> <AREA ALT=" " SHAPE=RECT COORDS="147,18,161,32" HREF="JavaScript:color('#00ff7b')"> <AREA ALT=" " SHAPE=RECT COORDS="163,18,177,32" HREF="JavaScript:color('#7bffff')"> <AREA ALT=" " SHAPE=RECT COORDS="179,18,193,32" HREF="JavaScript:color('#7b7bff')"> <AREA ALT=" " SHAPE=RECT COORDS="195,18,209,32" HREF="JavaScript:color('#ff007b')"> <AREA ALT=" " SHAPE=RECT COORDS="211,18,225,32" HREF="JavaScript:color('#ff7b39')"> </MAP> <TABLE BORDER="2" CELLPADDING="2"> <TR> <TH> <IMG SRC="../colorbar.gif" USEMAP="#test" BORDER=0 HEIGHT=35 WIDTH=228> <BR> </TH> </TR> </TABLE> </CENTER>

Code source :


N'oubliez pas d'inclure colorbar.gif


<SCRIPT LANGUAGE="JavaScript"> <!-- function color (ColorVal) { document.bgColor = ColorVal; } //--> </SCRIPT>

Boutons de navigation


Bouton de retour

Appel :

<form> <div align="center"><center><table border="0" cellpadding="0" cellspacing="0"> <tr> <td><input type="button" value="retour" align="center" onclick="history.back()"></td> </tr> </table> </center></div> </form>

Résultat :

Afficher une image au hasard


Appel :

Résultat :

Code source :


Index