Custom confirm box that has some functionality to it with window close event

Question

I'm presently writing JavaScript, on clicking the close button in the window, I should get a confirm box. In the confirm box, I should display some message and there should be cancel and continue buttons.

On clicking cancel, the window should not be closed, but on pressing continue, the window should be redirected to another jsp.

Can someone please help me with this code? I tried using the custom confirm box, but that seems to return only a string and it cannot be used to redirect to a page.

How about showing what you've done so far. We can't fix code we can't see. — Diodeus - James MacFarlane, Feb 23 '12 at 15:15
possible duplicate of [Crossbrowser onbeforeunload?](http://stackoverflow.com/questions/7389554/crossbrowser-onbeforeunload) — Aelios, May 13 '14 at 08:22

gen_Eric · Accepted Answer · 2012-02-23T15:43:43.397

2

This is impossible. You cannot redirect the user to another page when they close the window. This is for security reasons.

To display a confirm box when closing the window, you can use the onbeforeunload event. This will ask the user if they wish to leave the page or not. The confirm box is rendered by the browser, all you can customize on is the text.

$(window).bind('beforeunload', function(){
  return 'Are you sure you want to leave?';
});

When the user leaves the page, you can use the onunload event, but again, you cannot redirect them (you can make an AJAX call, but you cannot redirect the browser).

$(window).bind('unload', function(){
  console.log('bye'); // Some browsers may block this.
                      // Chrome blocks alerts in this event.
});

edited Feb 23 '12 at 15:43

answered Feb 23 '12 at 15:17

gen_Eric

223,194
41
299
337

thanks...I have already tried putting the message , that's not a problem , but i need the continue button in the confirm box to redirect it to another jsp page...is it possible ? if so please tell me how ? – Vamsi Varanasi Feb 23 '12 at 15:27
@VamsiVaranasi: No, that's impossible. – gen_Eric Feb 23 '12 at 15:29
Can u suggest any other way so that i can get a dialog box when i press the close window button . and that dialog box has two buttons , that i can use to redirect the users on clicking continue to another jsp. – Vamsi Varanasi Feb 23 '12 at 15:34
@VamsiVaranasi: No, I can't. It's impossible. – gen_Eric Feb 23 '12 at 15:38
@VamsiVaranasi: You're welcome. Unfortunately, you cannot redirect the user when they try to close the page. That's for security, it could be used for malicious purposes. – gen_Eric Feb 23 '12 at 15:41

score 0 · Answer 2 · edited Feb 23 '12 at 15:22

0

check this example it may help you out

function setConfirmUnload(on){
   window.onbeforeunload = (on) ? unloadMessage : null;
}

function unloadMessage(){
   return "Are you sure you want to leave this page";
}

setConfirmUnload(true) to enable the confirmation or false if you want to allow them to close the screen without a warning (if you have a close button for instance).

You can try also this (link : http://api.jquery.com/unload/)

$(window).unload(function(){
   alert("Bye now!");
});

edited Feb 23 '12 at 15:22

gen_Eric

223,194
41
299
337

answered Feb 23 '12 at 15:17

Sanjay Goswami

1,386
6
13

Note: Chrome (and possibly other browsers) block `alert` in the `onunload` event. – gen_Eric Feb 23 '12 at 15:22

score 0 · Answer 3 · answered Feb 23 '12 at 15:23

You need to bind a handler to the onBEFOREunload event, as none of the functionality you want will be possible with the onunload event (it is too late).

var myFunction = function () {
    return "Are you sure you want to leave the page?";
};

window.onbeforeunload = myFunction;

As far as I know, there is no way to react to the user input as the confirm box is handled by the browser.

Custom confirm box that has some functionality to it with window close event

3 Answers3