[DOM] Modification du DOM d'une popup

**Mike_69** · 28/03/2007, 10h53

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 :

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

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 :

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

1
2
 
var divPopup = newWindow.document.getElementById("divPopup");

ça me retourne null.

Merci de votre aide.

**SpaceFrog** · 28/03/2007, 10h56

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 ?

**Mike_69** · 28/03/2007, 11h55

voici mon code javascript avec le setTimeout

Code :

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

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

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

Code :

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

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

**Mike_69** · 28/03/2007, 13h02

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 :

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

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 :

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

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.

**SpaceFrog** · 28/03/2007, 13h06

Code :

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

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)

**Mike_69** · 28/03/2007, 13h28

ça marche !

tu avais raison SpaceFrog :

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

Merci bcp !!!

voici mon code qui marche :

Code :

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

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

[DOM] Modification du DOM d'une popup

JavaScript

Discussions similaires

Partager

Partager