I have a piece of code which works in a way that is unexpected to me. Let me first put down the details, so the code looks more or less like this:
window.onunload = doUnload;
var unLoadTimer;
var gInvokeOnBeforeUnload = true;
function setInvokeOnBeforeUnload() { gInvokeOnBeforeUnload = false; }
function doUnload() {
if(gInvokeOnBeforeUnload==true){
setInvokeOnBeforeUnload();
top.document.location.href = "LogOff";
clearTimeout(unLoadTimer);
}
//Function Midpoint
if (top.document.readyState != "complete" && gLogOffClick == false){
unLoadTimer = setTimeout("doRealUnload("+func_call_count+")", 800);
//its just a timeout for the function to be called again
}
}
How I also added logging but for sake of keeping code small excluded from examples. The issue I faced was that top.document.location.href
is NOT reassigned to "LogOff" and is still equal to the very first starting page I opened on the site, call it "LogIn".
To trigger the window.onunload
event I hit F5 (and it happens all the time), but the logoff is not assigned to location.href
. Only if at "//Function Midpoint" comment marker I add a simple alert(1);
then logoff is triggered (as seen in Apache logs below), however location href is still the same as it was - "LogIn".
Am I wrong to assume it should change as soon as its assigned a value?
And so I'm failing to understand several points:
location.href
is not changed as soon as I assign it the value of LOGOFF.LOCATION.HREF
is changedLOCATION.HREF
get initialized when I open the browser and logonDon't have any fancy session tracking mechanisms, its a straight forward HTML page with the above JS triggered @ onunload
via F5.
All I want to achieve is to understand what happens behind the scenes and why the redirect happens if there is an alert(1); inbetween and doesn't if no break is there. In my case Apache registered the following:
With timeout:
IP.IP.IP.IP - xxx [28/Oct/2011:10:38:50] "GET /LogOff HTTP/1.1" 200 208
IP.IP.IP.IP - xxx [28/Oct/2011:10:38:50] "GET /LogIn HTTP/1.1" 401 540
IP.IP.IP.IP - xxx [28/Oct/2011:10:38:52] "GET /LogIn HTTP/1.1" 200 2898
Without timeout:
IP.IP.IP.IP - xxx [28/Oct/2011:10:41:04] "GET /LogIn HTTP/1.1" 200 2726
Any help or guidance towards what to read/where to look is appreciated, even better if someone could elaborate what happens behind the scenes. Im afraid I'm not well educated in JS engines, to my disadvantage. The code is also not really mine :(
If you have extra question I'm listening, maybe I omitted something important there :)
Didn't try to test in other browsers as IE is the only focus group I need...
document.location.href
is read-only when unloading the page. Hence you are not allowed to change this property when the user wants to leave the page. This is a security 'feature'.
See also: Changing window.location.href in Firefox in response to an onunload event
I suggest you instead make an asynchronous call to the server, logging out the user etc. You can do this with an Ajax-call, which is fairly simple using jQuery.