Question

I am creating a simple function that warns the user when they are about to close out of a web page. I am using the window.onbeforeonload function is javascript. What I am doing is that, I set a variable to false because of the evil window.onbeforeonload function.

function funky() {
var submitFormOkay = false;
window.onbeforeunload = function () {
    if (submitFormOkay == false) {
        return "You are about to leave this order form. You will lose any information...";
    }
}
}

In my html, this is what I am doing

<input type="submit" id="submit_button" onclick="submitFormOkay = true;">

My question however is that I need a way to fire the function funky().
I know I could use an onclick but if I do what is going to set the value of submitFormOkay.

Any help would be appreciated.

Answer 1

Why not make submitFormOkay a parameter of the function funky, and just call it with the given parameter?

<input type="submit" id="submit_button" onclick="funky(true);">

And in the JS file:

function funky(submitFormOkay) {
     window.onbeforeunload = function () {
        if (submitFormOkay == false) {
           return "You are about to leave this order form. You will lose any information...";
        }
    }
}