Popup div when window close

Asked Dec 02 '14 at 21:56

Active Dec 02 '14 at 22:12

Viewed 663 times

I want to make a POPUP div when user clicks on close window button.

At the moment i have this code:

JS:

<script type="text/javascript">

function PopIt() { 
    $("a#trigger").trigger('click');
    window.onbeforeunload = UnPopIt;
    return "Would you like to join our mailing list for other offers?"; 
}

function UnPopIt()  { /* nothing to return */ } 

$(document).ready(function() {
    window.onbeforeunload = PopIt;

    $("a#trigger").fancybox({
        'hideOnContentClick': false,
        'showCloseButton': false
    });

    $("a[id!=trigger]").click(function(){ window.onbeforeunload = UnPopIt; });
});

<div style="display: none;">
    <a id="trigger" href="#popup">&nbsp;</a>
    <div id="popup" style="width: 250px; height: 400px;">
        <p>This would be an aweber form.</p>
    </div>
</div>

It works, but not really the way I need. It popups the standard browser box with two buttons, stay or leave. I want to popup the div with id POPUP.

Please, can some one help me to fix my code?

FIDDLE

Thank you!

edited Dec 02 '14 at 22:12

asked Dec 02 '14 at 21:56

Andrei

1

JSFiddle would be nice – Miguel Mota Dec 02 '14 at 22:05
Here is FIDDLE: http://jsfiddle.net/szetavvy/1/ – Andrei Dec 02 '14 at 22:08
1

Thats what onbeforeunload does. You don't get to substitute the behavior, just the text in the dialog – Chris Caviness Dec 02 '14 at 22:17
1

@Andrei Ok I see what you mean. You can't http://stackoverflow.com/questions/276660/how-can-i-override-the-onbeforeunload-dialog-and-replace-it-with-my-own – Miguel Mota Dec 02 '14 at 22:18
it looks like I must give up? – Andrei Dec 02 '14 at 22:21
Yeah, just make a nice unobtrusive newsletter subscription box, that doesn't block the user – jao Dec 02 '14 at 22:29

Popup div when window close

0 Answers0