[DOM] Element parent d'une div créée dynamiquement

Version imprimable

Bonjour,

je crée une div dynamiquement pour afficher des informations dans une fenêtre.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 function CreationFenetre(){ newDiv = document.createElement("div"); newDiv.id ='Idiv'; newDivInt = document.createElement("div"); newDivInt.id='IdivContenuFenetre'; newImg = document.createElement("img"); newImg.className ="Iferme"; newImg.src='img/icons/fail.gif'; newImg.onclick = function(){FermeFenetre()} ; newDiv.appendChild(newImg); newDiv.appendChild(newDivInt); document.body.appendChild(newDiv); CreationDivRealise=true; }
Cette fonction JS est appelée par un script PHP. Et j'aimerais afficher cette fenêtre devant mon script PHP mais je ne sais pas comment spécifier à cette fenêtre son élément parent. J'ai essayé document.body mais comme c'est du PHP il n'y a pas de body. Pouvez vous m'aider ?
Merci

16/03/2009, 19h44
Bovino
Soit il y a un truc que je n'ai pas compris (ou que tu n'as pas expliqué :aie:), soit tu commets une grosse erreur dans ta compréhension du mécanisme.
- Ton code PHP crée une page HTML (qui peut contenir du JavaScript)
- Une fois cette page créée, ton serveur l'envoie au navigateur.
- Le navigateur interprète le JavaScript et affiche la page (éventuellement dans l'autre sens, ça dépend comment ta page est construite et où sont placés tes scripts)
Donc quand ta fonction est exécutée, le body existe bel et bien !
16/03/2009, 19h55
Général03

:oops: Oui c'est vrai tu as raison j'avais pas vu ça comme cela. Donc si j'utilise

Code:

document.body.appendChild(newDiv);

ça devrait fonctionner ? Mais Firebug me dit

Code:

document.body is null

Et si je rajoute des balises body autour de mon script PHP ma fenêtre s'affiche correctement. Mais je trouve que ça fait pas très propre comme code PHP !
16/03/2009, 20h14
Bovino
Citation:

Le navigateur interprète le JavaScript et affiche la page (éventuellement dans l'autre sens, ça dépend comment ta page est construite et où sont placés tes scripts)

Si ta fonction est appelée avant que la page ne soit construite, les éléments (et donc le body) ne sont pas encore intégrés dans le DOM, donc document.body est null.
Habituellement, on procède soit par :

Code:

<body onload="ma_fonction()">

soit dans le head, entre les balises script :
Code:

1 2 3 window.onload = function(){ ma_fonction(); }
16/03/2009, 21h26
Général03

En effet je n'avais pas vu le code source de ma page :oops:
Encore une boulette de faite pour ma part. J'ai inclus ma balise body dans mon script PHP comme cela

Code:

echo '<body>';

et hop le tour est joué ma fenêtre s'affiche.
Merci pour ta rapidité Bovino :king: