Valid XHTML     Valid CSS2    

Listing du fichier radio.php avec syntaxhighlighter


        <?php
        #    (gH)   -_-  radio.php  ;  TimeStamp (unix) : 08 Mars 2011 vers 15:14
        include("std.php") ;
        debutPage("radio","strict","","radio.js") ;
        debutSection() ;
        h1("Comment Javascript améliore le confort ergonomique pour les boutons radio") ;
        blockquote() ;
        
        ###########################################################################################################
        
        h2("1. Comportement standard") ;
        
        ###########################################################################################################
        
        blockquote() ;
        p("texte") ;
        echo "Le comportement par défaut d'un bouton radio est de devenir actif uniquement si on clique sur " ;
        echo " son rond : " ;
        finp() ;
        blockquote() ;
        form("non.php") ;
        div() ;
        ?>
        <p>
             <input type="radio" name="reponse1" value="oui" /> Oui
              <br />
             <input type="radio" name="reponse1" value="oui" /> Non
        </p>
        <?php
        findiv() ;
        finform() ;
        finblockquote() ;
        finblockquote() ;
        
        ###########################################################################################################
        
        h2("2. Comportement amélioré (1)") ;
        
        ###########################################################################################################
        
        blockquote() ;
        p("texte") ;
        echo "Avec Javascript, on peut faire en sorte que le bouton radio devienne actif si on clique sur " ;
        echo " le mot correspondant : " ;
        finp() ;
        blockquote() ;
        form("non.php") ;
        div() ;
        ?>
             <div onclick="activeBoutonRadio('repOui2')">
             <input type="radio" name="reponse2" value="oui" id="repOui2" /> Oui </div>
        
             <div onclick="activeBoutonRadio('repNon2')">
             <input type="radio" name="reponse2" value="oui" id="repNon2" /> Non </div>
        <?php
        findiv() ;
        finform() ;
        finblockquote() ;
        finblockquote() ;
        
        ###########################################################################################################
        
        h2("3. Comportement amélioré (2)") ;
        
        ###########################################################################################################
        
        blockquote() ;
        p("texte") ;
        echo "On peut m&ecirc;me activer le bouton au survol de la zone associée : " ;
        finp() ;
        blockquote() ;
        form("non.php") ;
        div() ;
        ?>
             <div class="cadre" onmouseover="activeBoutonRadio('repOui3')">
             <input type="radio" name="reponse3" value="oui" id="repOui3" /> Oui </div>
        
             <div class="cadre" onmouseover="activeBoutonRadio('repNon3')">
             <input type="radio" name="reponse3" value="oui" id="repNon3" /> Non </div>
        <?php
        findiv() ;
        finform() ;
        finblockquote() ;
        finblockquote() ;
        
        ###########################################################################################################
        
        p() ;
        echo href("montresource.php?nomfic=radio.php","Code-source php de cette page","orange_stim nou") ;
        finp() ;
        
        ###########################################################################################################
        
        finblockquote() ;
        finSection() ;
        finPage() ;
        ?>
        

La coloration syntaxique est réalisée par : SyntaxHighlighter.

Si vous préférez, vous pouvez utiliser celle de geshi ou même celle construite autour de la fonction highlight_file.

 

 

retour gH    Retour à la page principale de   (gH)