jquery dialog alert before unload or when browser window closed

Question

I have a chat application,i want that whenver user accidentaly closes the browser i want to give him a jquery dialog alert before the window closes and do the necessary clean up operations.Please help

Answer 1

perhaps you'llhave to use window.onbeforeunload event to get this.

have a look on this page

example usage from that page bound to a form

function setConfirmUnload(on) {

     window.onbeforeunload = (on) ? unloadMessage : null;

}

function unloadMessage() {

     return 'You have entered new data on this page.  If you navigate away from this page without first saving your data, the changes will be lost.';

}


$(document).ready(function() {

     $(':input',document.myForm).bind("change", function() { setConfirmUnload(true); }); // Prevent accidental navigation away
});

Answer 2

View the discussion here: link

Basically, you end up using code like this:

300         jQuery(window).unload(function(e) {
301           var chg = jQuery(".crayon-changed");
302           if (chg.length && uniConfirm(configCrayons.txt.sauvegarder)) {
303             chg.next().find('form').submit();
304           }
305         });

Here is a link to the javascript code here (as shown in the thread i linked to above)

link

Answer 3

See my answer here