How to get and cancel the reload event (F5, Reload nutton, ...) within a browser

I've a webpage with a dynamically created table. If the user presses F5,
clicks on the reload button, ... the webpage reloads and the dynamically
created table will be resetted. Is there something like an reload event
which I can test (e.g. with a JavaScript) and ask the user if he/she really
wants to reload the webpage and which I can cancel if the user says that
he/she doesn't want to reload the webpage?

Stefan

re: How to get and cancel the reload event (F5, Reload nutton, ...) within a browser

Stefan Mueller said the following on 11/3/2005 11:09 PM:[color=blue]
> I've a webpage with a dynamically created table. If the user presses F5,
> clicks on the reload button, ... the webpage reloads and the dynamically
> created table will be resetted. Is there something like an reload event
> which I can test (e.g. with a JavaScript) and ask the user if he/she really
> wants to reload the webpage and which I can cancel if the user says that
> he/she doesn't want to reload the webpage?[/color]

You can try onunload and onbeforeunload. But for the most part, you
can't do what you are trying and make it fail proof. Let your users
learn the mistake of waiting to redo what they just screwed up and they
will learn, quicker than you asking them, not to hit the F5 key/Refresh
Button.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

re: How to get and cancel the reload event (F5, Reload nutton, ...) within a browser

With onUnload I'm able to open a confirm box to ask if the user really'd
like to reload the page. But afterwards I'm not able to prevent the
reloading of the page if the user says 'No'.
However Randy, I guess you're right, I have to educate the users not to
reload the page while filling out the form.

Stefan

re: How to get and cancel the reload event (F5, Reload nutton, ...) within a browser

Stefan Mueller wrote:[color=blue]
> With onUnload I'm able to open a confirm box to ask if the user really'd
> like to reload the page. But afterwards I'm not able to prevent the
> reloading of the page if the user says 'No'.
> However Randy, I guess you're right, I have to educate the users not to
> reload the page while filling out the form.[/color]

IMHighlyHO it's kind of reverse thinking because your real task is not
to alert users that they gonna loose their input, but ensure that they
will *not* loose their input.
Both IE and Gesko (Firefox inclusive) have special mechanics for it
allowing you to have data store on the client side to keep the current
page snapshot. IE does it through userData behavior, Gesko through
XPCOM interfaces. For ancient (as well as modern but mentally retarded)
browsers you still can semi-mimic it through the cookies (if enabled).
It is not as simple as to disable an interface button but *much* more
convenient and appreciated by the end users.

re: How to get and cancel the reload event (F5, Reload nutton, ...) within a browser

Yea, it really makes sense what you say. I'll think about your solution.

Thanks for your reply
Stefan