jQuery & popup

Invité · 09/04/2010, 12h04

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 ?

**Calvein** · 09/04/2010, 13h41

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.

**danielhagnoul** · 12/04/2010, 21h48

Bonsoir.

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

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

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>

jQuery & popup

jQuery

Discussions similaires

Partager

Partager