I have a Div data which is ing dynamically. I want to open that div data in popup after some event fired. I am done with my code. But when popup is opening in my browser its not centered aligned.. Its ing in corner..

My code :-

        var w  = 620;
        var h = 360;
        var left = (screen.width/2)-(w/2);
        var top = (screen.height/2)-(h/2);
        var divText = document.getElementById("inviteConfirmationMessage").outerHTML;
        var myWindow = window.open('','','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
        var doc = myWindow.document;
        doc.open();
        doc.write(divText);
        doc.close();

Working in Mozilla firefox but not working in Chrome --

/

Please help me out !! or any guidance.

I have a Div data which is ing dynamically. I want to open that div data in popup after some event fired. I am done with my code. But when popup is opening in my browser its not centered aligned.. Its ing in corner..

My code :-

        var w  = 620;
        var h = 360;
        var left = (screen.width/2)-(w/2);
        var top = (screen.height/2)-(h/2);
        var divText = document.getElementById("inviteConfirmationMessage").outerHTML;
        var myWindow = window.open('','','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
        var doc = myWindow.document;
        doc.open();
        doc.write(divText);
        doc.close();

Working in Mozilla firefox but not working in Chrome --

http://jsfiddle/Wj3Qk/2/

Please help me out !! or any guidance.

• javascript
• jquery

• possible duplicate of How to center a popup window? – epascarello Commented Sep 24, 2013 at 9:16

2 Answers 2

    var left = (window.screen.width / 2) - ((w / 2) + 10);
    var top = (window.screen.height / 2) - ((h / 2) + 50);

window.open('','',
    "status=no,height=" + height + ",width=" + width + ",resizable=yes,left="
    + left + ",top=" + top + ",screenX=" + left + ",screenY="
    + top + ",toolbar=no,menubar=no,scrollbars=no,location=no,directories=no");

var myWindow = window.open('','','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);

you are missing last quote in it.

Is should be like this :

var myWindow = window.open('','','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left+');