Ouvrir une popup en javascript

Javascript permet d'ouvrir facilement une fenêtre popup, via la fonction window.open :

window.open('http://www.google.fr/');

Cette fonction prend 2 arguments optionnels : le second permet de donner un nom à la popup, pour pouvoir la commander en Javascript et éviter qu'elle soit créée en plusieurs exemplaires, et le troisième permet de définir toute une série d'options tel que la présente de la barre d'adresse, la position de la fenêtre, la taille de la fenêtre...

Voici une fonction qui permet d'ouvrir une popup d'une taille prédéfine, et qui positionne la fenêtre au centre de l'écran lors de sa création :

Cette page peut vous intéresser : quelle version d'excel choisir ? à lire tout de suite !

function open_popup(url){
	var width	= 840;
	var height	= 720;
	var haut	= (screen.height-height)/2;
	var gauche	= (screen.width-width)/2;
	window.open(
		url,
		'nom_de_la_popup',
		'status=no , toolbar=no, location=yes, menubar=no, resizable=yes, top='+haut+', left='+gauche+', directories=no, width='+width+', height='+height
	);
}

Centrer une popup au milieu de l'écran

La technique pour positionner la fenêtre au centre de l'écran est assez simple, les coordonnées du centre de l'écran se calculent en divisant screen.height et screen.width par 2. Ensuite on soustrait en abscisse la moitié de la largeur de la fenêtre popup, et en ordonnée la moitié de la hauteur, et le tour est joué.

Encore faim ? allez lire ça : ange déchu !