make hyperlink unclickable

Question

3.00/5 (2 votes)

See more:

Hi..
how to make hyperling unclickable once it click using jquery/javascript.
dont want to use this:

C++

document.getElementById('events').disabled = true;

and this

C++

$('#events').removeAttr('href');

Posted 13-Dec-10 0:23am

niravsahayata

Updated 14-Dec-10 2:48am

Toniyo Jackson

v3

Add a Solution

5 solutions

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)

Manfred Rudolf Bihy · Answer 1 · 2010-12-13T01:52:00

Solution 1

You can also do it this way:

HTML

<html>
    <body>
        <script type="javascript">
            function blockEvent()
            {
               ' You can do some logic here to determine when blocking should occur
	       return false;
            }
        </script>
        <a id="event" href="http://www.google.de" onclick="return blockEvent();">Google</a>
    </body>
</html>

Cheers,

Manfred

Posted 13-Dec-10 1:52am

Manfred Rudolf Bihy

Updated 13-Dec-10 2:57am

v4

Comments

fjdiewornncalwe 13-Dec-10 15:30pm

Not sure why you got a 3 on this... I like this solution if the ones the OP suggested can't be used.

niravsahayata 14-Dec-10 0:22am

thanks for this ..
but its not working as i am calling jquery on hyperlink click event, so each time i click the link
it perform some operation.

AspDotNetDev · Answer 2 · 2010-12-13T10:18:00

This will allow one click to perform an action, and then subsequent clicks will do nothing.

HTML

<html>
<head><title>Say Hello</title></head>
<body>
	<script type="text/javascript">
		function returnFalse() {
			return false;
		}
		function sayHello(element) {
			alert("Hello!");
			element.onclick = returnFalse;
			return false;
		}
	</script>
	<a href="#" onclick="sayHello(this);">Say Hello</a>
</body>
</html>

If you want to do this dynamically (i.e., without hard coding the onclick handler that initially gets called), then you'd have to do it slightly differently.

AspDotNetDev · Answer 3 · 2010-12-13T10:21:00

Here is an alternate version that uses a variable rather than swapping the onclick handler:

HTML

<html>
<head><title>Say Hello</title></head>
<body>
	<script type="text/javascript">
		var shouldSayHello = true;
		function sayHello(element) {
			if(shouldSayHello) {
				shouldSayHello = false;
				alert("Hello!");
			}
			return false;
		}
	</script>
	<a href="#" onclick="sayHello(this);">Say Hello</a>
</body>
</html>

Sandeep Mewara · Answer 4 · 2010-12-13T17:33:00

Solution 6

Looks like you missed this tip: Disable all 'links' on the page via Javascript[^]

Posted 13-Dec-10 17:33pm

Sandeep Mewara

Comments

niravsahayata 14-Dec-10 0:28am

thanks for this
but objLinks[i].disabled = xHow; not working in ff.
i am also calling a jquery on hyperling click evnt.

LloydA111 · Answer 5 · 2010-12-13T11:35:00

Solution 5

Could you simply make some blue text with a blue underline?

Posted 13-Dec-10 11:35am

LloydA111

v2

make hyperlink unclickable

5 solutions

Solution 1

Solution 3

Solution 4

Solution 6

Solution 5

Add your solution here

Preview 0