how to disable one hyperlink by clicking on second hyperlink

Question

I have 2 hyperlinks. when i click on one hyperlink the another hyperlink should be disabled means it should be seen but not clicked by any user

Please help me

 <a href="">hiii </a> 
 <a id="check" href="google.com">bye</a>

in JavaScript

$('#check').attr('disabled', true);

but it is not working

`shoud be seen, but not clicked by any user` ==> please, explain, you only want to disable link or change its href? — Ziyaddin Sadigov, May 24 '13 at 11:32
I want to disable it means it should not been click my any other user — Delta, May 24 '13 at 11:45

sanj · Answer 1 · 2013-05-24T11:51:19.107

4

Using java script you can disable the hyper link by adding a .disabled class as seen below:

  .inactive //add this class to the link if you want to disable it 
{
    pointer-events: none;// this will disable the link
    cursor:default;
}

then use .inactive class in appropriate line...

edited May 24 '13 at 11:51

answered May 24 '13 at 11:12

sanj

85
10

SivaRajini · Answer 2 · 2013-05-24T11:16:24.213

3

Try below

$('.my-link').click(function () {return false;});

To re-enable it again, unbind the handler:

$('.my-link').unbind('click');

or

$('.my-link').attr('disabled', 'disabled');

Use this to re-enable it:

$('.my-link').attr('disabled', '');

Thanks,

Siva

edited May 24 '13 at 11:16

answered May 24 '13 at 11:09

SivaRajini

7,225
21
81
128

score 3 · Answer 3 · edited May 24 '13 at 11:33

Below is the code you need.

<a id="gLink" href="http://google.com">click me</a><br />
<a onclick="disableLink()" href="#">Disable link</a><br />
<a onclick="enableLink()" href="#">Enable link</a>

javsacript functions:

 function disableLink() {
        var a = document.getElementById('gLink');
        a.href = "#";
    }

    function enableLink() {
        var a = document.getElementById('gLink');
        a.href = "http://google.com";
    }

sanj · Answer 4 · 2013-05-24T11:42:22.780

1

for e.g if you have

  <a id="link1" href="page1.php">One</a> <a id="link2" href="page2.php">Two</a>

document.getElementById('link1').onclick = function()
 {
   document.getElementById('link1').disabled = true;
   document.getElementById('link2').disabled = false;
 };

  document.getElementById('link2').onclick = function()
 {
   document.getElementById('link1').disabled = false;
   document.getElementById('link2').disabled = true;
 };

edited May 24 '13 at 11:42

answered May 24 '13 at 11:16

sanj

85
10

you have to create another function as well forlink2 document.getElementById('link2').onclick = function() { document.getElementById('link1').disabled = false; document.getElementById('link2').disabled = true; }; – sanj May 24 '13 at 11:39

Dropout · Answer 5 · 2013-05-24T11:25:12.343

0

You can use jQuery onClick event (or .on("click") / .live("onClick") or whatever you prefer) to change to attribute of the link like this:

$('.my-link').attr('disabled', true);

Short example:

<a href='#' id='link1'>First</a>
<a href='#' id='link2'>Second</a>
<script>
    $("#link2").onClick(function(){
        $('#link1').attr('disabled', true);
        };
    }
</script>

edited May 24 '13 at 11:25

answered May 24 '13 at 11:08

Dropout

13,653
10
56
109

1

whether disbaled will work for that ? see this http://stackoverflow.com/questions/5085584/disable-a-hyperlink-using-jquery – SivaRajini May 24 '13 at 11:11
I've added an example.. Haven't checked for typos/syntax but you get the point ;) – Dropout May 24 '13 at 11:11
Yeah, I've fixed that. You can't redirect if you want to disable the link. Retest it please. – Dropout May 24 '13 at 11:29

score 0 · Answer 6 · answered May 24 '13 at 11:15

That's all I know

<html>
 <head>
 <script language="javascript" type="text/javascript">
  window.onload = firstLoad;
  function firstLoad() {
  document.getElementById("lesson").href = "";
   document.getElementById("posttest").href = "";
   }
     function clickHome() {
    document.getElementById("pretest").href = "";
     document.getElementById("lesson").href = "lesson.html";
    }
     function lessonRead() {
      document.getElementById("posttest").href = "posttest.html";
     document.getElementById("lesson").href = "";
       }
     </script>
         </head>
    <body>
      <a href="home.html" id="home" onClick="clickHome()">Home</a> | 
     <a href="pre-test.html" id="pretest">Pre-test</a> | 
     <a href="lesson.html" id="lesson">Lesson</a> | 
     <a href="post-test.html" id="posttest" onClick="lessonRead()">Post-test</a> | 
     <a href="about.html" id="about">About</a> | 
     </body>
     </html>

how to disable one hyperlink by clicking on second hyperlink

6 Answers6