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

**Général03** · 16/03/2009, 19h31

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Bovino** · 16/03/2009, 19h44

Soit il y a un truc que je n'ai pas compris (ou que tu n'as pas expliqué

), 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 !

**Général03** · 16/03/2009, 19h55

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.body.appendChild(newDiv);

ça devrait fonctionner ? Mais Firebug me dit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

**Bovino** · 16/03/2009, 20h14

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onload="ma_fonction()">

soit dans le head, entre les balises script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
window.onload = function(){
    ma_fonction();
}

**Général03** · 16/03/2009, 21h26

En effet je n'avais pas vu le code source de ma page

Encore une boulette de faite pour ma part. J'ai inclus ma balise body dans mon script PHP comme cela

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo '<body>';

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

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager