Valid XHTML     Valid CSS2    


        function ajoute() {
        
        // +------------------------------------------------------------------+
        // | on crée un élément de liste qui correspond                       |
        // | au texte suivant :                                               |
        // | <li class="ajout" id="mars">Mars </li>                           |
        // | on l'ajoute ensuite après les deux mois de la liste dont l'id    |
        // | est "mois"                                                       |
        // +------------------------------------------------------------------+
        
              nouveaui = document.createElement("li") ;
              nouveaui.setAttribute("id","mars") ;
        
              nouveaui.setAttribute("class","ajout") ;     // FIREFOX
              nouveaui.textContent = "Mars1";
        
              nouveaui.setAttribute("className","ajout") ; // IE
              nouveaui.innerText = "Mars2";
        
              document.getElementById("mois").appendChild(nouveaui);
        
        } // fin de fonction ajoute
        
        function cree() {
        
        // +------------------------------------------------------------------+
        // | on crée un paragraphe entre les deux précédents qui correspond   |
        // | au texte suivant :                                               |
        // | <p id="milieu" class="demo">                                     |
        // | Me voici, me voilà.                                              |
        // | </p>                                                             |
        // | on l'insère ensuite avant le paragraphe dont l'id est "nuit"     |
        // +------------------------------------------------------------------+
        
              nouveaup = document.createElement("p") ;
              nouveaup.setAttribute("id","np") ;
        
              nouveaup.setAttribute("class","ajout") ;     // FIREFOX
              nouveaup.textContent = "Me voici, me voilà.";
        
              nouveaup.setAttribute("className","ajout") ; // IE
              nouveaup.innerText = "Me voici, me voilà.";
        
              document.getElementById("lesp").insertBefore(nouveaup,document.getElementById("nuit"));
        
        } // fin de fonction cree
        
        function ajoute2() {
        
        // +------------------------------------------------------------------+
        // | on crée un élément de liste qui correspond                       |
        // | au texte suivant :                                               |
        // | <li class="ajout" id="mars">Mars </li>                           |
        // | on l'ajoute ensuite après les deux mois de la liste qui contient |
        // | la chaine "Janvier2"                                             |
        // +------------------------------------------------------------------+
        
              nouveaui = document.createElement("li") ;
              nouveaui.setAttribute("id","mars") ;
        
              nouveaui.setAttribute("class","ajout") ;     // FIREFOX
              nouveaui.textContent = "Mars3";
        
              nouveaui.setAttribute("className","ajout") ; // IE
              nouveaui.innerText = "Mars4";
        
              document.getElementById("mois").appendChild(nouveaui);
        
        } // fin de fonction ajoute2
        
        function cree2() {
        
        // +------------------------------------------------------------------+
        // | on crée un paragraphe entre les deux précédents qui correspond   |
        // | au texte suivant :                                               |
        // | <p id="milieu" class="demo">                                     |
        // | Me voici, me voilà.                                              |
        // | </p>                                                             |
        // | on l'insère ensuite avant le paragraphe dont le texte commence   |
        // | par "Rebonjour".                                                 |
        // +------------------------------------------------------------------+
        
              nouveaup2 = document.createElement("p") ;
              nouveaup2.setAttribute("id","np2") ;
        
              nouveaup2.setAttribute("class","ajout2") ;     // FIREFOX
              nouveaup2.textContent = "Me voici, me voilà2.";
        
              nouveaup2.setAttribute("className","ajout2") ; // IE
              nouveaup2.innerText = "Me voici, me voilà2.";
        
              document.body.insertBefore(nouveaup2,document.getElementById("nuit2")) ;
        
        } // fin de fonction cree2
        

 

 

retour gH    Retour à la page principale de   (gH)