Notez que cet article a été écrit il y a plus de 5 ans, mais il n'est pas forcément obsolète.
Une fenêtre popup s’obtient par l’appel à window.open() en javaScript. Si l’on ne spécifie aucune largeur, ni hauteur, celle-ci s’ouvre dans un nouvel onglet. Si les deux paramètres sont renseignés, l’url s’ouvrira dans une nouvelle fenêtre.
Afin de centrer cette nouvelle fenêtre dans la fenêtre du navigateur, on peut écrire la fonction suivante :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
var popup = function( url, width, height ) { var width = width || 760, height = height || 600; var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left; var dualScreenTop = window.screenTop != undefined ? window.screenTop : screen.top; var w = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width; var h = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height; var left = ((w / 2) - (width / 2)) + dualScreenLeft; var top = ((h / 2) - (height / 2)) + dualScreenTop; var params = 'width=' + width + ',height=' + height + ',top=' + top + ',left=' + left; window.open( url, 'popup', params ); } |
La taille de la fenêtre (définie par defaut à 760 × 600), url est à définir selon votre convenance. Pour appeler la fonction : popup( 'http://murviel-info.com' ); par exemple.
Et hop, une jolie fenêtre popup centrée dans le navigateur.