Code-source


00001     <?php     

00002     #    (gH)   -_-  radio.php  ;  TimeStamp (unix) : 08 Mars 2011 vers 15:14     

00003     include("std.php") ;     

00004     debutPage("radio","strict","","radio.js") ;     

00005     debutSection() ;     

00006     h1("Comment Javascript améliore le confort ergonomique pour les boutons radio") ;     

00007     blockquote() ;     

00008          

00009     ###########################################################################################################     

00010          

00011     h2("1. Comportement standard") ;     

00012          

00013     ###########################################################################################################     

00014          

00015     blockquote() ;     

00016     p("texte") ;     

00017     echo "Le comportement par défaut d'un bouton radio est de devenir actif uniquement si on clique sur " ;     

00018     echo " son rond : " ;     

00019     finp() ;     

00020     blockquote() ;     

00021     form("non.php") ;     

00022     div() ;     

00023     ?>     

00024     <p>     

00025          <input type="radio" name="reponse1" value="oui" /> Oui     

00026           <br />     

00027          <input type="radio" name="reponse1" value="oui" /> Non     

00028     </p>     

00029     <?php     

00030     findiv() ;     

00031     finform() ;     

00032     finblockquote() ;     

00033     finblockquote() ;     

00034          

00035     ###########################################################################################################     

00036          

00037     h2("2. Comportement amélioré (1)") ;     

00038          

00039     ###########################################################################################################     

00040          

00041     blockquote() ;     

00042     p("texte") ;     

00043     echo "Avec Javascript, on peut faire en sorte que le bouton radio devienne actif si on clique sur " ;     

00044     echo " le mot correspondant : " ;     

00045     finp() ;     

00046     blockquote() ;     

00047     form("non.php") ;     

00048     div() ;     

00049     ?>     

00050          <div onclick="activeBoutonRadio('repOui2')">     

00051          <input type="radio" name="reponse2" value="oui" id="repOui2" /> Oui </div>     

00052          

00053          <div onclick="activeBoutonRadio('repNon2')">     

00054          <input type="radio" name="reponse2" value="oui" id="repNon2" /> Non </div>     

00055     <?php     

00056     findiv() ;     

00057     finform() ;     

00058     finblockquote() ;     

00059     finblockquote() ;     

00060          

00061     ###########################################################################################################     

00062          

00063     h2("3. Comportement amélioré (2)") ;     

00064          

00065     ###########################################################################################################     

00066          

00067     blockquote() ;     

00068     p("texte") ;     

00069     echo "On peut m&ecirc;me activer le bouton au survol de la zone associée : " ;     

00070     finp() ;     

00071     blockquote() ;     

00072     form("non.php") ;     

00073     div() ;     

00074     ?>     

00075          <div class="cadre" onmouseover="activeBoutonRadio('repOui3')">     

00076          <input type="radio" name="reponse3" value="oui" id="repOui3" /> Oui </div>     

00077          

00078          <div class="cadre" onmouseover="activeBoutonRadio('repNon3')">     

00079          <input type="radio" name="reponse3" value="oui" id="repNon3" /> Non </div>     

00080     <?php     

00081     findiv() ;     

00082     finform() ;     

00083     finblockquote() ;     

00084     finblockquote() ;     

00085          

00086     ###########################################################################################################     

00087          

00088     p() ;     

00089     echo href("montresource.php?nomfic=radio.php","Code-source php de cette page","orange_stim nou") ;     

00090     finp() ;     

00091          

00092     ###########################################################################################################     

00093          

00094     finblockquote() ;     

00095     finSection() ;     

00096     finPage() ;     

00097     ?>
Listing du fichier radio.php
