Pop up window using HTML

Question

When the button is clicked, I want to ask a series of messages and give the user a secondary confirmational option. However it doesn't work.

<html>
<body>
    <p>Close the page to trigger the onunload event.</p>
    <script type="text/javascript">
        var changes = false;        
        window.onbeforeunload = function() {
            if (changes)
            {
                var message = "Are you sure you want to navigate away from this page?\n\nYou have started writing or editing a post.\n\nPress OK to continue or Cancel to stay on the current page.";
                if (confirm(message)) return true;
                else return false;
            }
        }
    </script>

    <button onClick='function;'> </input>
</body>
</html>

yamidemichaos · Accepted Answer · 2015-03-11 21:10:51Z

1

Just add the "e" inside the function() and the variable changes.

Before: window.onbeforeunload = function() {

After: window.onbeforeunload = function(e) {

<html>
<body>
    <p>Close the page to trigger the onunload event.</p>
    <script type="text/javascript">   
        window.onbeforeunload = function(e) {            
            var message = "Are you sure you want to navigate away from this page?\n\nYou have started writing or editing a post.\n\nPress OK to continue or Cancel to stay on the current page.";
            if (confirm(message)) return true;
            else return false;
        }
    </script>

    <button onClick='window.close();'> </input>
</body>
</html>

answered Mar 11, 2015 at 21:10

yamidemichaos

1101 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

dames Over a year ago

Are you sure this works because when I click the button the pop up doesnt occur

yamidemichaos Over a year ago

This is the window origin script: <script type="text/javascript"> window.open('popup.html'); </script>

Collectives™ on Stack Overflow

Pop up window using HTML

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related