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

how to create a pop up in middle screen javascript

Poor Puma answered on June 7, 2022 Popularity 8/10 Helpfulness 3/10

answer how to create a pop up in middle screen javascript

related javascript popup window center screen

how to create a pop up in middle screen javascript

Comment

<!DOCTYPE html>
<html>
     
<head> 
    <title> 
        Centered popup window
        on the screen
    </title>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
     
    <p>
        Centered popup window
        on the screen
    </p>
     
    <script>
        function createPopupWin(pageURL, pageTitle,
                    popupWinWidth, popupWinHeight) {
            var left = (screen.width - popupWinWidth) / 2;
            var top = (screen.height - popupWinHeight) / 4;
             
            var myWindow = window.open(pageURL, pageTitle,
                    'resizable=yes, width=' + popupWinWidth
                    + ', height=' + popupWinHeight + ', top='
                    + top + ', left=' + left);
        }
    </script>
     
    <button onclick = "createPopupWin('https://www.geeksforgeeks.org',
            'GeeksforGeeks Website', 1200, 650);">
        GeeksforGeeks
    </button>
</body>
 
</html>

Popularity 8/10 Helpfulness 3/10 Language javascript

Source: www.geeksforgeeks.org

Tags: javascript screen

Link to this answer
Share Copy Link

Contributed on Jun 07 2022

Poor Puma

0 Answers Avg Quality 2/10

Closely Related Answers

javascript popup window center screen

Comments(1)

This will show a popup window in the middle/center of your screen, supports multiple monitor setup.

function popupWindow = function(url, w, h) {
    const y = window.top.outerHeight / 2 + window.top.screenY - ( h / 2);
    const x = window.top.outerWidth / 2 + window.top.screenX - ( w / 2);
    return window.open(url, 'page title', `toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=${w}, height=${h}, top=${y}, left=${x}`);
}

Popularity 7/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: screen javascript window popup center

Link to this answer
Share Copy Link

Contributed on Feb 08 2023

Friendly Hawk

0 Answers Avg Quality 2/10

how to create a pop up in middle screen javascript

Contents

More Related Answers

how to create a pop up in middle screen javascript

Closely Related Answers

javascript popup window center screen

Grepper

Documentation

Social

Legal

Contact

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