|
|||||||||||||||||||
|
|
|||||||||||||||||||
|
|
|||||||||||||||||||
|
Cliquez sur "download" pour télécharger le kit nécessaire. Compatible IE et NS. Personnalisable: nombre de questions, nombre de réponses, nombre de points. Source= http://javascript.lab.cc 1/ Insérer entre HEAD et /HEAD: ou entre BODY et /BODY... <script language="JavaScript"> <!-- /* QCM par Ed Prod http://javascript.lab.cc */ var point=0; function reponse(form) { for (var i=0;i<form.length;i++){ if (form[i].checked){ break } } var answer="" if (i<form.length){ answer = form[i].value } return answer; } function solution(form) { var points=0;var rep="";var comment="" // Indiquez la bonne réponse (ici: C) aux questions 1 et 2 (davantage, si nécessaire) // Fixez également le nombre de points pour chacune des réponses. Ici, le même nombre (5). if (reponse(form.question1)=="C") {points+=5} if (reponse(form.question2)=="C") {points+=5} // Ici, les commentaires de la boîte de dialogue donnant les résultats. Ajouter des messages, si les combinaisons le justifient. if (points==0) {comment="T\'est pas fortiche !"} if (points==5) {comment="Tout juste la moyenne..."} if (points==10) {comment="La note maximale !!"} alert("Tu as "+points+" point(s). "+comment); } //--> </script> 2/ Insérer dans le corps de la page: à l'emplacement où doit s'afficher l'effet <br><br><FORM NAME="QCM"> <br><font face="Comic Sans MS, Verdana, Helvetica, Arial" color=#000080 size=2><b><u>KITWEB est un site</u>:</b> <br><INPUT TYPE=RADIO NAME="question1" VALUE="A"> pratique <br><INPUT TYPE=RADIO NAME="question1" VALUE="B"> incontournable <br><INPUT TYPE=RADIO NAME="question1" VALUE="C"> extraordinaire <br> <br><b><u>Vous reviendrez sur KITWEB</u>:</b> <br><INPUT TYPE=RADIO NAME="question2" VALUE="A"> dans 5 minutes <br><INPUT TYPE=RADIO NAME="question2" VALUE="B"> dès demain <br><INPUT TYPE=RADIO NAME="question2" VALUE="C"> chaque jour de l'année <br> <br><font size=1>[5 points par bonne réponse]</font> <br> <center> <INPUT TYPE=BUTTON NAME="valide" VALUE="QUELLE EST MA NOTE ?" onclick="javascript:solution(this.form);"> </center> <br></font> <br></FORM> |
|||||||||||||||||||