// (gH) -_- avantjssol.js ; TimeStamp (unix) : 05 Février 2010 vers 11:29
// #####################################################################
function boutondynamique() {
// #####################################################################
// remplissage dynamique d'un paragraphe avec un lien "faux bouton" entre
// deux noeuds-textes
elttxt1 = document.createTextNode("Cliquer ") ;
elttxt2 = document.createTextNode(" pour modifier tous les éléments via javascript.") ;
elttxt3 = document.createTextNode(" ici ") ;
elthref = document.createElement("a") ;
elthref.setAttribute("href","avantjssol.php") ;
elthref.setAttribute("onclick","changements() ; return false ") ;
elthref.setAttribute("class","bouton_fin nou orange_pastel") ;
elthref.setAttribute("className","bouton_fin nou orange_pastel") ;
elthref.appendChild(elttxt3) ;
eltpara3 = document.getElementById("fin_page") ;
// eltpara3.innerHTML = "" ;
eltpara3.appendChild(elttxt1) ;
eltpara3.appendChild(elthref) ;
eltpara3.appendChild(elttxt2) ;
} ; // fin de fonction boutondynamique
function changements() {
// #####################################################################
// on peut changer le contenu d'un élément h1 via innerHTML
elt_tit1 = document.getElementById("elth1")
elt_tit1.innerHTML = "Titre modifié." ;
// ---------------------------------------------------------------------
// on peut changer le contenu d'un élément p via innerHTML
// mais on peut aussi lui ajouter des noeuds-textes
elttxt = document.createTextNode("Paragraphe modifié.") ;
eltpara1 = document.getElementById("eltp1") ;
eltpara1.innerHTML = "" ;
eltpara1.appendChild(elttxt) ;
// ---------------------------------------------------------------------
// on peut changer le contenu d'un élément input via innerHTML
elt_sel1 = document.getElementById("eltsel1")
elt_sel1.innerHTML = "modif 1 " ;
elt_sel2 = document.getElementById("eltsel2")
elt_sel2.innerHTML = "modif 2 " ;
// ---------------------------------------------------------------------
// on peut changer le contenu d'un élément textarea via value
elt_textarea1 = document.getElementById("elttextarea") ;
elt_textarea1.value = "Zone de texte modifiée" ;
// ---------------------------------------------------------------------
// on peut changer le contenu d'un élément pre via firstChild.data
elt_pre1 = document.getElementById("eltpre") ;
elt_pre1.firstChild.data = "Zone \"pre\" modifiée." ;
// ---------------------------------------------------------------------
// pour modifier un élement dans une case (<td>), il suffit de connaitre
// son identifiant
elttxt2 = document.createTextNode("nouvelle case 1") ;
eltpara2 = document.getElementById("case1") ;
eltpara2.innerHTML = "" ;
eltpara2.appendChild(elttxt2) ;
// ---------------------------------------------------------------------
// remplissage dynamique d'un paragraphe avec un lien "faux bouton" entre
// deux noeuds-textes
elttxt1 = document.createTextNode("Cliquer ") ;
elttxt2 = document.createTextNode(" pour revenir à la page originale.") ;
elttxt3 = document.createTextNode(" là ") ;
elthref = document.createElement("a") ;
elthref.setAttribute("href","avantjssol.php") ;
elthref.setAttribute("class","bouton_fin nou vert_pastel") ;
elthref.setAttribute("className","bouton_fin nou vert_pastel") ;
elthref.appendChild(elttxt3) ;
eltpara3 = document.getElementById("fin_page") ;
eltpara3.innerHTML = "<p> </p>" ;
eltpara3.appendChild(elttxt1) ;
eltpara3.appendChild(elthref) ;
eltpara3.appendChild(elttxt2) ;
} ; // fin de fonction changement
// #####################################################################
function addEvent(obj, evType, fn) {
// ######################################################
if (obj.addEventListener){
obj.addEventListener(evType, fn, false);
return true;
} else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
} else {
return false;
} ; // fin de si
} // # fin de function addEvent
// ######################################################
addEvent(window, 'load', boutondynamique ) ;
|
Retour à la page principale de
(gH)