Detect if client changes URL

[eggie5]

On my page I have links like this:

<a href="#files/home.html"><img id="home" src="images/home.png"
alt="Home" width="36" height="10" /></a>

which will append "#files/home.html" to the URL in the browser. I need
to figure out how to detect this event.

How can I detect if the client clicks on a link like <a
href="#files/home.html">?

 

[Tom Cole]

On my page I have links like this:

<a href="#files/home.html"><img id="home" src="images/home.png"
alt="Home" width="36" height="10" /></a>

which will append "#files/home.html" to the URL in the browser. I need
to figure out how to detect this event.

How can I detect if the client clicks on a link like <a
href="#files/home.html">?

You can generically add an onunload event handler to the page.

If you need to know about each link you can add on onclick event
handler to the anchors.

 

[One Dumm Hikk]

On my page I have links like this:

<a href="#files/home.html"><img id="home" src="images/home.png"
alt="Home" width="36" height="10" /></a>

which will append "#files/home.html" to the URL in the browser. I need
to figure out how to detect this event.

How can I detect if the client clicks on a link like <a
href="#files/home.html">?

Onload of the page, you check the Hash property.

window.onload = checkIt
function checkIt(){
//check the URL of the current page
}

Now, open your page, click one of your links, then click another one.
Unless you are careful and watch for it, you will end up with a
malformed URL that has two #'s in it.