How to disable an 'href' link using JS?

[ben_m_gunn]

Hi All

I am making a page that uses JS to bring up a "popup <div>" when the user clicks on a particular link. I am concerned that if the users browser has JS turned off, nothing will happen when they click. I thought the way around this would be to have a valid href in the link so that if the JS doesn't work, the browser will be directed to an alternative page.

Can I include something in my JS function so that when the user clicks the link, the JS will run and disable the href link at the same time? My thinking is, if JS is disable in the browser, this function would not work, so the browser would continue to load the href link.

Regards, ben

[mw22]

onclick="yourfunction();return false;"

[xDev]

Hi,

You can use the same technique as if you were doing an accessible popup, but instead of calling a new window just call the function that opens the div instead:

<a href="alternative_url.htm" onclick="openDiv(); return false;">pop me</a>

On JS enabled browsers the user gets the openDiv function and the href is ignored, but on JS disabled browsers the opposite happens.

-xDev

[ben_m_gunn]

Thanks, that was just what I needed.