onbeforeunload Sample

mwolf00 · Dec 5, 2003

Several times, I've heard people how to detect someone leaving a page BEFORE they actually leave... In Internet Explorer, you can use this!!!

From:

http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/onbeforeunload.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>onbeforeunload Sample</TITLE>

<SCRIPT>
function closeIt()
{
event.returnValue = "Any string value here will force a dialog box to appear before closing the window.";
}
</SCRIPT>

</HEAD>

<BODY onbeforeunload="closeIt()">

<H1>onbeforeunload Sample</H1>

<P>This example uses the onbeforeunload event to ask users whether they want to remain on the current page
or navigate to a new URL. When the user clicks on the hyperlink or attempts to close the browser window,
the onbeforeunload event fires on the body and a dialog box appears. If the user chooses 'OK',
the page navigates to the new URL (

http://www.microsoft.com)

or closes the window;
if the user chooses 'Cancel', the page remains the same.</P>

<a href="

http://www.microsoft.com">Click

here to navigate to

http://www.microsoft.com</a>

</BODY>
</HTML>

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook (No, I'm not Rick)

GUJUm0deL · Dec 6, 2003

That is sooooo annoying. I persoally hate it when some websites think they have to ask me if you really want to leave the site. As if i'm such a novice that I didn't know what the "X" might do, lol...

If I click the X on the browser window, obviously I want out. As for linnking, why not simply use the "target" attribute??

_{I have this little thing, Advanced Delusionary Schizophrenia with Involuntary Narcissistic Rage. It's no big deal really...}

mwolf00 · Dec 8, 2003

GUJUm0deL -

For me, this is very handy for intranet use. There are people in my office who will make changes to a form, not save them and expect the changes to be made on the DB... Using this, I can detect that a form was changed and gently remind them that they need to save their changes if they want to keep them.

The people in my office are the reason for the quote I have in my signature...

Programming today is a race between software engineers striving to build better and bigger idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. - Rick Cook (No, I'm not Rick)

kaht · Dec 8, 2003

Yeah, I don't really think that onbeforeunload is used to dummy-proof against the developers, it's used to dummy-proof against all the morons you write the code for.

-kaht

medic · Dec 8, 2003

mwolf00,

<joke>
The people in your office were very mad when they heard about the quote. They're on their way to kill you. But that is after you finished all the programming jobs they requested you to do.
</joke> ;-)

kdiw · Jan 8, 2004

i tried using onbeforeunload

as following
<script language="javascript">
function dummy(){
event.returnValue = 'You may lose unsaved data. '
}
</script>

<body onBeforeUnload="dummy();">

The problem is i am getting two pop-up messages when i hit 'OK'.

This does not happen on 'Cancel'

i am using IE6.0

Thank you,
Diwakar.K

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

onbeforeunload Sample

mwolf00

Programmer

GUJUm0deL

Programmer

mwolf00

Programmer

kaht

Programmer

medic

Programmer

kdiw

Programmer

Similar threads

Part and Inventory Search

Sponsor