Centrer une fenêtre popup à l’écran ?

Question

Comment pouvons nous centrer une fenêtre popup ouverte via javascript `` fonction sur le centre de variable de l’écran à la résolution de l’écran actuellement sélectionné ?

Answer 1

SIMPLE/DOUBLE FONCTION de MONITEUR (crédit à http://www.xtf.dk - merci!)

Mise à JOUR: Il fonctionne également sur windows qui ne sont pas au maximum de la largeur de l'écran et la hauteur maintenant, grâce à @Gel!

Si vous êtes sur double écran, la fenêtre se centrer horizontalement mais pas verticalement... utilisez cette fonction pour tenir compte de cela.

function PopupCenter(url, title, w, h) {
    // Fixes dual-screen position                         Most browsers      Firefox
    var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left;
    var dualScreenTop = window.screenTop != undefined ? window.screenTop : screen.top;

    width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
    height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

    var left = ((width / 2) - (w / 2)) + dualScreenLeft;
    var top = ((height / 2) - (h / 2)) + dualScreenTop;
    var newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);

    // Puts focus on the newWindow
    if (window.focus) {
        newWindow.focus();
    }
}

Exemple D'Utilisation:

PopupCenter('http://www.xtf.dk','xtf','900','500');  

Le CRÉDIT VA À: http://www.xtf.dk/2011/08/center-new-popup-window-even-on.html (je voulais juste un lien à cette page, mais juste au cas où ce site tombe en panne le code est ici, cheers!)

Answer 2

essayer comme ceci :

Answer 3

Source : http://www.nigraphic.com/blog/java-script/how-open-new-window-popup-center-screen

Answer 4

Il fonctionne très bien dans Firefox.
Il suffit de changer la variable supérieure à n’importe quel autre nom et réessayez

Answer 5

Ma recommandation est d’utiliser top emplacement 33 % ou 25 % de l’espace restant,
et non 50 % comme autres exemples affichés ici,
principalement en raison de l' en-tête de la fenêtre,
qui regarde mieux et plus de confort à l’utilisateur,

code complet :

Découvrez cette ligne :
Haut Var = (screen.height - h) / 4 ; 25 % - diviser par 4 | 33 % - diviser par 3