jQuery & popup

Version imprimable

09/04/2010, 12h04
Invité

jQuery & popup

bonjour, j'aimerai savoir s'il est possible avec jQuery de créer une popup via window.open(.....) et ensuite de pouvoir récupérer sa taille (longueur et largeur de la fenêtre) et sa position (x et y de la fenêtre par rapport à l'écran).

si je fais : $(window).width() et $(window).height() je récupére bien la taille de la fenêtre mais pas de la popup.
par contre que ce soit : $(window).position().top ou $(window).scrollTop() ne fonctionne pas.

quelqu'un aurai une idée ?
09/04/2010, 13h41
Calvein

Dans window.open tu peux paramétrer ton width et ton height directement.

Sinon c'est normal que ta page principale ne voie pas ton pop-up, à la place tu peux utilisé un "splash" (jQuery UI Dialog, shadowbox, etc..) mais si tu veux vraiment utilisé un pop-up je ne voie pas 36 solutions.

Lorsque ton pop-up s'ouvre, tu fais une réquête AJAX depuis ton pop-up et tu récupère les résultats depuis ta page en AJAX aussi.

Bonsoir.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
// dans le head de la fenêtre en cours
<script>
	$(function(){
		$("#btn").click(function(){
			// on ouvre un nouveau document
			var map = window.open("efface13.html");
 
			// Firebug, liste des caractéristiques de la nouvelle fenêtre
			//console.log(map);
 
			var hauteurInterne = map.innerHeight;
			var hauteurExterne = map.outerHeight;
			var largeurInterne = map.innerWidth;
			var largeurExterne = map.outerWidth;
 
			alert("(" + hauteurInterne + ", " + hauteurExterne + ")\n(" +
				  largeurInterne + ", " + largeurExterne + ")");
		});
	});
</script>

Code:

1
2
3
4
5
6
7
8
9
10
// dans le body de la nouvelle fenêtre
<body>
	[...]
	<script>
		// la nouvelle fenêtre peut agir sur la divsion d'id="conteneur" de son parent
		$("#btn").click(function(){		
			$("#conteneur", window.opener.document).css("backgroundColor","#dcdcdc");
		});
	</script>
</body>