Code-source


00001     //    (gH)   -_-  avantjssol.js  ;  TimeStamp (unix) : 05 Février 2010 vers 11:29     

00002          

00003     // #####################################################################     

00004          

00005     function boutondynamique() {     

00006          

00007     // #####################################################################     

00008          

00009     // remplissage dynamique d'un paragraphe avec un lien "faux bouton" entre     

00010     // deux noeuds-textes     

00011          

00012     elttxt1            = document.createTextNode("Cliquer ") ;     

00013     elttxt2            = document.createTextNode("  pour modifier tous les éléments via javascript.") ;     

00014     elttxt3            = document.createTextNode(" ici ") ;     

00015     elthref            = document.createElement("a") ;     

00016          

00017     elthref.setAttribute("href","avantjssol.php") ;     

00018     elthref.setAttribute("onclick","changements() ; return false ") ;     

00019     elthref.setAttribute("class","bouton_fin nou orange_pastel") ;     

00020     elthref.setAttribute("className","bouton_fin nou orange_pastel") ;     

00021     elthref.appendChild(elttxt3) ;     

00022          

00023     eltpara3           = document.getElementById("fin_page") ;     

00024     // eltpara3.innerHTML = "" ;     

00025     eltpara3.appendChild(elttxt1) ;     

00026     eltpara3.appendChild(elthref) ;     

00027     eltpara3.appendChild(elttxt2) ;     

00028          

00029     } ; // fin de fonction boutondynamique     

00030          

00031     function changements() {     

00032          

00033     // #####################################################################     

00034          

00035     // on peut changer le contenu d'un élément h1 via innerHTML     

00036          

00037     elt_tit1           = document.getElementById("elth1")     

00038     elt_tit1.innerHTML = "Titre modifié." ;     

00039          

00040     // ---------------------------------------------------------------------     

00041          

00042     // on peut changer le contenu d'un élément p via innerHTML     

00043     // mais on peut aussi lui ajouter des noeuds-textes     

00044          

00045     elttxt             = document.createTextNode("Paragraphe modifié.") ;     

00046     eltpara1           = document.getElementById("eltp1") ;     

00047     eltpara1.innerHTML = "" ;     

00048     eltpara1.appendChild(elttxt) ;     

00049          

00050     // ---------------------------------------------------------------------     

00051          

00052     // on peut changer le contenu d'un élément input via innerHTML     

00053          

00054     elt_sel1 = document.getElementById("eltsel1")     

00055     elt_sel1.innerHTML = "modif 1 " ;     

00056          

00057     elt_sel2 = document.getElementById("eltsel2")     

00058     elt_sel2.innerHTML = "modif 2 " ;     

00059          

00060     // ---------------------------------------------------------------------     

00061          

00062     // on peut changer le contenu d'un élément textarea via value     

00063          

00064     elt_textarea1       = document.getElementById("elttextarea") ;     

00065     elt_textarea1.value = "Zone de texte modifiée" ;     

00066          

00067     // ---------------------------------------------------------------------     

00068          

00069     // on peut changer le contenu d'un élément pre via firstChild.data     

00070          

00071     elt_pre1                 = document.getElementById("eltpre") ;     

00072     elt_pre1.firstChild.data = "Zone \"pre\" modifiée." ;     

00073          

00074     // ---------------------------------------------------------------------     

00075          

00076     // pour modifier un élement dans une case (<td>), il suffit de connaitre     

00077     // son identifiant     

00078          

00079     elttxt2            = document.createTextNode("nouvelle case 1") ;     

00080     eltpara2           = document.getElementById("case1") ;     

00081     eltpara2.innerHTML = "" ;     

00082     eltpara2.appendChild(elttxt2) ;     

00083          

00084     // ---------------------------------------------------------------------     

00085          

00086     // remplissage dynamique d'un paragraphe avec un lien "faux bouton" entre     

00087     // deux noeuds-textes     

00088          

00089     elttxt1            = document.createTextNode("Cliquer ") ;     

00090     elttxt2            = document.createTextNode(" pour revenir à la page originale.") ;     

00091     elttxt3            = document.createTextNode(" là ") ;     

00092     elthref            = document.createElement("a") ;     

00093          

00094     elthref.setAttribute("href","avantjssol.php") ;     

00095     elthref.setAttribute("class","bouton_fin nou vert_pastel") ;     

00096     elthref.setAttribute("className","bouton_fin nou vert_pastel") ;     

00097     elthref.appendChild(elttxt3) ;     

00098          

00099     eltpara3           = document.getElementById("fin_page") ;     

00100     eltpara3.innerHTML = "<p>&nbsp;</p>" ;     

00101     eltpara3.appendChild(elttxt1) ;     

00102     eltpara3.appendChild(elthref) ;     

00103     eltpara3.appendChild(elttxt2) ;     

00104          

00105     } ; // fin de fonction changement     

00106          

00107     // #####################################################################     

00108          

00109     function addEvent(obj, evType, fn) {     

00110          

00111     // ######################################################     

00112          

00113      if (obj.addEventListener){     

00114        obj.addEventListener(evType, fn, false);     

00115        return true;     

00116      } else if (obj.attachEvent){     

00117        var r = obj.attachEvent("on"+evType, fn);     

00118        return r;     

00119      } else {     

00120        return false;     

00121      } ; // fin de si     

00122          

00123     } // # fin de function addEvent     

00124          

00125     // ######################################################     

00126          

00127     addEvent(window, 'load', boutondynamique ) ;     

00128          

00129
Listing du fichier avantjssol.js
