By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,312 Members | 1,309 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,312 IT Pros & Developers. It's quick & easy.

How to detect when a link is clicked

P: n/a
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
Share this Question
Share on Google+
1 Reply


P: n/a
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.