[web] disabling a hyperlink
hi everyone,
i want to know how can i disable a hyperlink in html using javascript.
for example i ve a checkbox when a user unchecks the check box the link should be disabled.
can anyone help me with this?
-Glen
I don't know enough about the topic, but I'm pretty sure you can use JS with CSS to accomplish the task.
You could swap out two entire divs/spans based on that event. The 'normal' one would include a hyperlink, and the post-click one would be standard text.
I dont know if you can disable a hyperlink, however you can hide a DIV. If you created two divs at the same location, one containing a hyperlink and one containing a standard piece of text, you could then swap between the two.
javascript show/hide layer sample code</a>
javascript show/hide layer sample code</a>
You can do this by using the 'onclick' handler on the link - return false to disable the link, true to enable it.
As an example, the following link only works the 3rd time you click on it:
As an example, the following link only works the 3rd time you click on it:
<a href="http://www.example.com" onclick="return condition();">Link</a><script language="JavaScript">var count = 1;function condition() { return (count++ == 3);}</script>
Something like this?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>TEST</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script type="text/javascript">function updateLink(srcCheckbox, linkId){ var theLink = document.getElementById(linkId); if (theLink) { if (srcCheckbox.checked) theLink.style.visibility = 'visible'; else theLink.style.visibility = 'hidden'; }};</script></head><body><input type="checkbox" name="myCheckbox" onclick="updateLink(this, 'myLink');" checked /> Click me!<p> <a id="myLink" href="http://www.gamedev.net" target="_blank">Go to GameDev.net</a></p></body></html>
This topic is closed to new replies.
Advertisement
Popular Topics
Advertisement