 Explication du code |
|
Adapter les modifications nécessaires pour votre quiz en changeant juste les informations ci-dessous dans le code. |
| La balise <FORM> de la page quiz1.html |
|
<FORM name="quiz" method="post" action="quiz2.php" enctype="multipart/form-data">
<FORM> est la balise des formulaires.
action est l'attribut qui envoie l'information a la page quiz2.php (modifier que si vous n'avez pas nommé vos pages quiz1.html, quiz2.php et quiz3.php). |
| La balise <INPUT> de la page quiz1.html |
|
<INPUT name="question1" type="radio" value="Non pas du tout, il aime les gros chiens mais de loin seulement. <BR>La réponse était : Il veut le numéro de téléphone de la jolie fille.">Attraper un gros chien
INPUT type="radio" : est utilisé pour faire des cases à cocher à choix unique.
name="question1" : puisque c'est un choix unique il est nécessaire que chaque case aie le même nom afin que celle cochée soit celle envoyée.
Texte en vert : La réponse qu'aura l'internaute lorsqu'il aura cliqué sur le bouton.
Texte en marron : La proposition qui apparaît près de la case à cocher.
|
| <?php ....?> de la page quiz2.php |
|
<?php echo stripslashes ( $question1 ? $question1 : "Vous n'avez pas répondu, mais on vous donne tout de même la réponse, et oui il essaie d'avoir le numéro de téléphone d'une jolie fille."); ?>
Tout ce qui se trouve entre <?php et ?> fait parti du code php, donc la page devra être enregistrée avec une extension php.
echo stripslashes : echo sert à faire apparaître le contenu de value (texte en vert), stripslashes vous permet de pouvoir utiliser les apostrophes sans problème (si vous le précisez pas vous risquez d'avoir des textes avec des \' la la place des ').
( $question1 ? $question1 : "Texte rose.");
Ce qui veut dire : si $question1 est coché alors faire apparaître $question1 , sinon faire apparaître le texte rose.
Texte en rose : Ce qui apparaîtra si rien n'est coché. |
| page 1 - quiz1.html |
|
Coller le code qui suit entre la balise <BODY> et </BODY> de votre page, enregistrer la quiz1.html
<FORM name="quiz" method="post" action="quiz2.php" enctype="multipart/form-data">
<B>Qu'est ce que ce petit garçon essaie de faire ?</B>
<P align="center"><IMG src="../images/photo01.jpg" width="234" height="240" alt="petit bonhomme" title="Mais que fait ce petit garçon ?" vspace="5" hspace="5"><BR><P>
<INPUT name="question1" type="radio" value="Non pas du tout, il aime les gros chiens mais de loin seulement. <BR>La réponse était : Il veut le numéro de téléphone de la jolie fille.">Attraper un gros chien<BR>
<INPUT name="question1" type="radio" value="Bravo, votre réponse est la bonne.<BR>Il veut effectivement avoir le numéro de téléphone de la jolie fille">Essayer d'avoir le numéro de téléphone d'une jolie fille <BR>
<INPUT name="question1" type="radio" value="Non, Il a déjà mangé.<BR>La réponse était : Il veut le numéro de téléphone de la jolie fille">Piquer la tartine d'un autre gamin<P>
<INPUT name="entrer" type="submit" value="Soumettre" style="background: #E7A200; font-family: Verdana; color: #000000; font-weight: 600; font-size: 9pt;"> <INPUT name="Annuler" type="reset" value="Annuler" style="background: #E7A200; font-family: Verdana; color: #000000; font-weight: 600; font-size: 9pt;">
</FORM> |
| page 2 - quiz2.php |
|
Coller le code qui suit entre la balise <BODY> et </BODY> de votre page, enregistrer la quiz2.php
<FORM name="quiz" method="post" action="quiz3.php" enctype="multipart/form-data">
<B><?php echo stripslashes ( $question1 ? $question1 : "Vous n'avez pas répondu, mais on vous donne tout de même la réponse, et oui il essaie d'avoir le numéro de téléphone d'une jolie fille."); ?>
<P>Alors va-t-il l'avoir ce numéro de téléphone ?</B>
<P align="center"><IMG src="../images/photo02.jpg" width="234" height="240" alt="petit bonhomme" title="Quel gamin précoce, et oui il essaie d'avoir le numéro de téléphone d'une petite fille" vspace="5" hspace="5"><P><BR>
<INPUT name="question2" type="radio" value="Non pas du tout, la jolie fille va rejoindre ses parents.">Bien sûr<BR>
<INPUT name="question2" type="radio" value="Bravo, la jolie fille va rejoindre ses parents.">Non<P>
<INPUT name="entrer" type="submit" value="Soumettre" style="background: #E7A200; font-family: Verdana; color: #000000; font-weight: 600; font-size: 9pt;"> <INPUT name="Annuler" type="reset" value="Annuler" style="background: #E7A200; font-family: Verdana; color: #000000; font-weight: 600; font-size: 9pt;">
</FORM>
|
| page 3 - quiz3.php |
|
Coller le code qui suit entre la balise <BODY> et </BODY> de votre page, enregistrer la quiz3.php
<B><?php echo stripslashes ( $question2 ? $question2 : "Vous n'avez pas répondu, mais on vous donne tout de même la réponse, la jolie fille va rejoindre ses parents."); ?></B>
<P>
<P align="center"><IMG src="../images/photo03.jpg" width="234" height="240" alt="petit bonhomme" title="C'est pas pour cette fois" vspace="5" hspace="5"><P><BR>
|
