How do i disabled hyperlink using Javascript

Question

1.40/5 (3 votes)

See more:

Hi Expert,

I would like to disable hyperlink using java script, with cross browser support.

Your answer will be appreciated!:thumbsup:

Thanks,
Imdadhusen

Posted 17-Oct-10 21:32pm

Sunasara Imdadhusen

Updated 2-Sep-19 20:24pm

Add a Solution

5 solutions

Solution 2

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!

Posted 17-Oct-10 21:56pm

E.F. Nijboer

Comments

Dalek Dave 18-Oct-10 3:56am

Good Answer.

Solution 3

Have a look at this tip: Disable all 'links' on the page via Javascript[^]

Posted 17-Oct-10 22:23pm

Sandeep Mewara

Solution 4

C#

document.getElementById("<id of="" anchor="" tag="">").disabled = true;
document.getElementById("<id of="" anchor="">").style.cursor = "default";</id></id>

Posted 17-May-12 20:06pm

Member 4051240

Solution 6

Using Dojo

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

Posted 2-Sep-19 20:24pm

Member 14575734

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

**Dalek Dave** · Accepted Answer · 2010-10-17T21:51:00

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