[DOM] Modification du DOM d'une popup

Version imprimable

Bonjour,

je souhaite ouvrir une popup (une page html) et ensuite je voudrais modifier son DOM. Par exemple, ajouter un "div" à ma popup.
Malheureusement, ça ne marche pas.
Code:

1 2 3 4 5 var properties="width=110px,height=110px,top=110,left=100,screenY=50,screenX=100,resizable=yes,scrollbars=yes,location=no"; var newWindow = window.open("templatePopup.html", "POPUP", "" + properties); var NewDiv = newWindow.document.createElement("div");
Est-ce possible de modifier le DOM d'un popup ?
Je n'arrive pas à récupérer les éléments de ma popup non plus.
Code:

1 2 var divPopup = newWindow.document.getElementById("divPopup");
ça me retourne null.

Merci de votre aide.

:merci:

28/03/2007, 10h56
SpaceFrog

si tu mets la ligne de fréation ou recupération de l'element juste àprès la commande d'ouverture, il est possible que le popup ne soit pas encore instancié ...

tu ne parles pas de l'appendChild ?

mets un setTimeout ?

voici mon code javascript avec le setTimeout

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
	<script type="text/javascript">
		var newWindow;
 
		function pop_out() {
			var properties="width=110px,height=110px,top=110,left=100,screenY=50,screenX=100,resizable=yes,scrollbars=yes,location=no";
			newWindow = window.open("templatePopup.html", "POPUP", "" + properties);
			setTimeout("test", "2000");
		}
		function test() {
			var NewDiv = newWindow.document.createElement("div");
		}
	</script>

je ne passe jamais par ma méthode test :(
Merci

28/03/2007, 12h00
Bisûnûrs

Code:

setTimeout(function(){test()}, 2000);

cela ne marche toujours pas :(
je n'arrive pas à créer un div dans ma popup ni même à récupérer un dic contenu dans le hmtl de ma popup.
Code:

1 2 3 4 var properties="width=110px,height=110px,top=110,left=100,screenY=50,screenX=100,resizable=yes,scrollbars=yes,location=no"; var newWindow = window.open("templatePopup.html", "POPUP", "" + properties); var divPopup = newWindow.document.getElementById("divPopup");
la variable "divPopup" est nulle.
Même en utilisant le setTimeout, ça ne marche pas.

code de ma page templatePopup.html
Code:

1 2 3 4 5 6 7 8 9 <html> <body> <div id="divPopup"> test </div> </body> </html>
Je me demande si on peut modifier le contenu d'une page qu'on ouvre ?
Encore merci de votre aide.

Code:

1
2
3
var properties="width=110px,height=110px,top=110,left=100,screenY=50,screenX=100,resizable=yes,scrollbars=yes,location=no";
var newWindow = window.open("templatePopup.html", "POPUP", "" + properties);
setTimeout(function(){var divPopup = newWindow.document.getElementById("divPopup");},500)

ça marche ! :P :P :P :P :P :P :P :P
tu avais raison SpaceFrog :

Citation:

il est possible que le popup ne soit pas encore instancié ...

Merci bcp !!!

voici mon code qui marche :
Code:

1 2 3 4 5 6 7 8 9 10 function pop_out() { var properties="width=110px,height=110px,top=110,left=100,screenY=50,screenX=100,resizable=yes,scrollbars=yes,location=no"; var newWindow = window.open("templatePopup.html", "POPUP", "" + properties); setTimeout(function(){ var divPopup = newWindow.document.getElementById("divPopup"); var divParent = document.getElementById("divParent"); divPopup.appendChild(divParent); },100); }
Je ferme le post.
Encore un grand merci !!!!