468,315 Members | 1,441 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,315 developers. It's quick & easy.

How to detect when a link is clicked

Mat
How can I detect when a link has been clicked but the new page is
still in the process of loading? The document.location.href property
still displays the current location (understandably) not the one
that's about to load.

I have a page that reloads every 30 seconds in order to access live
data. If a user clicks on a link just prior to the page reloading the
reload takes precedence over the link click and this is annoying for
the users. Whe the page is about to reload I want to check to see if a
link has just been clicked (and therefore a new page is about to load)
and, if so, cancel the reload

Any suggestions as to how I can detect this (without having to put and
onclick in every link) would be appreciated
Jul 20 '05 #1
1 12384
Mat wrote:
How can I detect when a link has been clicked but the new page is
still in the process of loading? The document.location.href property
still displays the current location (understandably) not the one
that's about to load.

I have a page that reloads every 30 seconds in order to access live
data. If a user clicks on a link just prior to the page reloading the
reload takes precedence over the link click and this is annoying for
the users. Whe the page is about to reload I want to check to see if a
link has just been clicked (and therefore a new page is about to load)
and, if so, cancel the reload

Any suggestions as to how I can detect this (without having to put and
onclick in every link) would be appreciated


You have to put it on each an every link, but if the links don't currently
have onclick events, it isn't that big a deal:

<body onload="window.reloadTimer =
setTimeout('window.location.reload(true);', 30000);setOnClick(onClick);">
<script type="text/javascript">
function onClick() {
if (window.reloadTimer != null) {
clearTimeout(window.reloadTimer);
}
return true;
}
function setOnClick(f) {
// to minimize page size, rather than defining separate onmouseout events
for
// every link, any link without a locally defined onmouseout event is set
here

function __setOnClick(dl, f) {
if (dl) {
for (var i = 0; i < dl.length; i++) {
if (dl[i].onclick == null) {
dl[i].onclick = f;
}
}
}
} // __setOnClick()
__setOnClick(document.links, f);

if (document.layers) {
var dl = document.layers;
for (var i = 0; i < dl.length; i++) {
if (dl[i] && dl[i].document) {
__setOnClick(dl[i].document.links, f);
}
}
}
} // setOnClick()
</script>
</body>

The whole document.layers bit is to support Netscape 4. I just realized it
should be a recursive call, since you can nest layers within layers, but I
never do that so I didn't write it that way. If you don't need to support
Netscape 4, or don't ever use layers in Netscape 4, you could remove that
bit.

--
| Grant Wagner <gw*****@agricoreunited.com>

* Client-side Javascript and Netscape 4 DOM Reference available at:
*
http://devedge.netscape.com/library/...ce/frames.html

* Internet Explorer DOM Reference available at:
*
http://msdn.microsoft.com/workshop/a...ence_entry.asp

* Netscape 6/7 DOM Reference available at:
* http://www.mozilla.org/docs/dom/domref/
* Tips for upgrading JavaScript for Netscape 7 / Mozilla
* http://www.mozilla.org/docs/web-deve...upgrade_2.html
Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by Ben Amada | last post: by
8 posts views Thread by thomasamillergoogle | last post: by
2 posts views Thread by needin4mation | last post: by
1 post views Thread by Jessica | last post: by
reply views Thread by Teichintx | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.