Modifying a global variable from <a href>

Posted by a_m0d on Stack Overflow See other posts from Stack Overflow or by a_m0d
Published on 2010-05-24T02:05:05Z Indexed on 2010/05/24 2:10 UTC
Read the original article Hit count: 247

Filed under:
|

I have created some code to popup a confirm dialog if a user tries to leave a page without saving their changes. However, I don't want the confirmation dialog to popup if the user has clicked the "Save" button.

I have some code at the top of my file which looks like this:

var confirmClose = false;
window.onbeforeunload = function(evt) {
    if (confirmClose == true) {
        message = "There are unsaved changes on this page.  Are you sure you wish to leave?";
        if (typeof evt == 'undefined') {
            evt = window.event;
        }
        if (evt) {
            evt.returnValue = message;
        }
        return message;
     }
}

Further down on the page I have a link which looks like this:

<a href="javascript:confirmClose=false;$('#stockForm').submit()" title="Save" class="button positive" id="stockFormSubmit">Save</a>

However, this doesn't seem to work - it doesn't seem to change the value of confirmClose, and changing it to window.confirmClose didn't help either.

What am I doing wrong here?

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about variables