Pages

Thursday, August 18, 2011

Center a new popup window even on dualscreen with javascript

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();
    }
}
Usage example:
PopupCenter('http://www.xtf.dk','xtf','900','500');
UPDATE: It will also work on minimized windows

35 comments:

  1. Just wanted to say thanks for this! It works great!

    ReplyDelete
    Replies
    1. Great Article Cyber Security Projects projects for cse Networking Security Projects JavaScript Training in Chennai JavaScript Training in Chennai The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training

      Delete
  2. ...and thanks from me too! It works well and centres a pop-up within the 'parent' page - unless the parent is smaller than the pop-up! Can I suggest that the pop-up is centred on the center of the parent?

    ReplyDelete
  3. Thank you for this, it works great !!! It's exactly what I want !!!

    ReplyDelete
  4. I can see that you are an expert at your field! I am launching a website soon, and your information will be very useful for me.. Thanks for all your help and wishing you all the success in your business. Search Bar Firefox 57 Quantum addon

    ReplyDelete
  5. This doesn't work with, old legacy, applications that have nexted framesets or iframes.

    You must add .top to the window calls. IE: window.top.screenLeft

    ReplyDelete
  6. This is what commonly happens to the newbies in the business industry who do not know how to effectively market their product or service or service.cashmio

    ReplyDelete
  7. Nine years later, this is as useful as can be. Thanks a lot.

    ReplyDelete
  8. Go through the partner's portfolio and reviews. Also consider scheduling an appointment with the partner so that you can learn more about him/her. Salesforce training in Chennai

    ReplyDelete
  9. A security door is a great way to add an extra element of protection for your home and family. Because many burglars prefer to use the front door when planning and executing a robbery, it is imperative that great care is taken when looking to create a barrier of security. It surprises many that there are several various screen door options that can add an aesthetic appeal to the home while simultaneously creating an added layer of protection. Security doors

    ReplyDelete
  10. Thanks for Sharing This Article.It is very so much valuable content. . AWS course in Chennai

    ReplyDelete
  11. If you are a owner of a house then you should visit Pelican Paint. They are the painting company that is providing the best painters at a low cost. Its hard to get an expert. So don't waste your time. If you need one then please visit the site.

    ReplyDelete
  12. หาคุณกำลังหาเกมส์ออนไลน์ที่สามารถสร้างรายได้ให้กับคุณ เรามีเกมส์แนะนำ เกมยิงปลา รูปแบบใหม่เล่นง่ายบนมือถือ คาสิโนออนไลน์ บนคอม เล่นได้ทุกอุปกรณ์รองรับทุกเครื่องมือ มีให้เลือกเล่นหลายเกมส์ เล่นได้ทั่วโลกเพราะนี้คือเกมส์ออนไลน์แบบใหม่ เกมยิงปลา

    ReplyDelete
  13. อีกทั้งเรายังให้บริการ เกมสล็อต ยิงปลา แทงบอลออนไลน์ รองรับทุกการใช้งานในอุปกรณ์ต่าง ๆ HTML5 คอมพิวเตอร์ แท็บเล็ต สมาทโฟน คาสิโนออนไลน์ และมือถือทุกรุ่น เล่นได้ตลอด 24ชม. ไม่ต้อง Downloads เกมส์ให้ยุ่งยาก ด้วยระบบที่เสถียรที่สุดในประเทศไทย

    ReplyDelete
  14. Thank you for sharing this information. Looking for such more content in the future.
    tensorflow course
    tensorflow online training
    tableau training

    ReplyDelete
  15. This comment has been removed by the author.

    ReplyDelete
  16. If you are looking for an honest site, UFA, UEFA Bet casino site. Which may be played as an extensive answer, able to answer Quality and Performance It's best to have a great deal of the issues. It can certainly be a thing quite hitting & intriguing. Excellently, the items that UFABET football betting is not even with the experience of quality. And availability that are able to see effects It's a model that is rather clear and diverse. Filled with operation of making money Attractiveness With the best possibilities it's really nothing You can find probabilities and opportunities for earning money. Quality and pretty varied For those who have arrive at make use of the program excellently.บาคาร่า
    ufa
    ufabet
    แทงบอล
    แทงบอล
    แทงบอล

    ReplyDelete
  17. อย่างไรก็ตามในการเล่นเกมส์คาสิโนออนไลน์หรือการเดิมพันออนไลน์ชนิดต่างๆคุณจะต้องให้ความสำคัญในเรื่องของการเลือกเว็บคาสิโนออนไลน์เลือกเว็บเดิมพันออนไลน์ที่คุณจะใช้บริการให้ดีคุณจำเป็
    สล็อต
    นที่จะต้องศึกษาและหาข้อมูลเกี่ยวกับเว็บก่อนที่คุณจะตัดสินใจใช้บริการเพื่อความปลอดภัยในการใช้บริการของคุณและเพื่อประโยชน์ในการใช้บริการเว็บที่คุณจะต้องใช้บริการไปอีกนานถ้าคุณใช้บริการเว็บที่ให้บริการที่ดีคุณก็จะมีความสะดวกสบายในการใช้บริการเว็บคาสิโนออนไลน์หรือเว็บเดิมพันออนไลน์ต่างๆ

    ReplyDelete