Click here to Skip to main content
15,938,848 members

To disable a hyperlink define a hyperlink CSS class that looks disabled and then change the href property to navigate back to the top of the page.
Server-side, you'll also have to turn off the auto-postback of that element.

So, here's the CSS and JavaScript to make the hyperlink appear disabled, and navigate to page top:

The CSS:
.disabledLink
{
color: #333;
text-decoration : none;
cursor: default;
}


The javascript:
Java
function disablelink(linkID)
{
var hlink = document.getElementById(linkID);
if(!hlink)
return;
hlink.href = "#";
hlink.className = "disableLink";
}


call the javascript function passing your Hyperlink Id
 
Share this answer
 
v2
The example below changes the link by adding an extra "return false" as a first statement. This will prevent any action but also makes it possible to remove the "return false" part to enable it again.

http://radio.javaranch.com/pascarello/2005/05/17/1116355421179.html[^]

Good luck!
 
Share this answer
 
Comments
Dalek Dave 18-Oct-10 3:56am    
Good Answer.
 
Share this answer
 
C#
document.getElementById("<id of="" anchor="" tag="">").disabled = true;
document.getElementById("<id of="" anchor="">").style.cursor = "default";</id></id>
 
Share this answer
 
Using Dojo

on(context.linkNode, "click", function () {
window.open("www.google.com");
domClass.add(context.linkNode , "disable");
});
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900