how to make a link readonly?

[Christian Nash]

Hi,

How can i make a link readonly or disabled in html depending on certain conditions(The wordings of the link should be visible,but the link should be deactivated).
[ April 10, 2007: Message edited by: Bear Bibeault ]

[Muhammad Saifuddin]

This is the simple way to do this.

<a href="http://www.live.com" name="Link1"  onklick = "javascript: return false;">http://www.live.com </a>

use onclick event instead of "onklick"

[Christian Nash]

i want to make this link disabled in the same way we would make a radio button or a text field etc..

[Muhammad Saifuddin]

I am not sure if there is another way to disable the link.
The only way i know is to disable the link, you need to add an onclick and return false.

[Mike Firkser]

This may not be the most efficient way of doing it, but put your link inside a <div> tag, and then create a function to change the innerHTML of that tag.

 <div id="theDiv">Some link</div>
 
<script>
  function enableLink() {
    document.getElementById("theDiv").innerHTML = "<a href='http://www.javaranch.com'>Some Link</a>";
 
}
 
  function disableLink() {
     document.getElementById("theDiv").innerHTML = "Some Link"
}
 

</script>
   

[Bear Bibeault]

You can short-circuit the event in a number of way (Saif showed you one) and can use CSS to make it appear "grayed out", if that's what you mean.