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:
color: #333;
text-decoration : none;
cursor: default;

The javascript:
function disablelink(linkID)
var hlink = document.getElementById(linkID);
hlink.href = "#";
hlink.className = "disableLink";

call the javascript function passing your Hyperlink Id
Share this answer
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.[^]

Good luck!
Share this answer
Dalek Dave 18-Oct-10 3:56am    
Good Answer.
Share this answer
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 () {"");
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