Breaking News: Grepper is joining You.com. Read the official announcement!

window open center

Shadow answered on April 8, 2022 Popularity 7/10 Helpfulness 7/10

answer window open center

window open center

Comment

 const popupCenter = ({url, title, w, h}) => {
    // Fixes dual-screen position                             Most browsers      Firefox
    const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : window.screenX;
    const dualScreenTop = window.screenTop !== undefined ? window.screenTop : window.screenY;

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

    const systemZoom = width / window.screen.availWidth;
    const left = (width - w) / 2 / systemZoom + dualScreenLeft
    const top = (height - h) / 2 / systemZoom + dualScreenTop
    const newWindow = window.open(url, title, ` scrollbars=yes, width=${w / systemZoom},height=${h / systemZoom},top=${top},left=${left}`)

    if (window.focus) newWindow.focus();
}

popupCenter({url: 'http://www.xtf.dk', title: 'xtf', w: 900, h: 500});

Popularity 7/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: center javascript window

Link to this answer
Share Copy Link

Contributed on Apr 08 2022

Shadow

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

window open center

Contents

More Related Answers

window open center

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.