Comments on: Disable All Links Within DIV

By: sm

sm — Sat, 24 Dec 2011 19:41:12 +0000

and please help me user when point on any link the link url will not display at bottom of the window.

By: sm

sm — Sat, 24 Dec 2011 19:34:45 +0000

nice post but some time in internet explorer button click event works

By: John Dalesandro

John Dalesandro — Thu, 23 Jun 2011 20:40:44 +0000

In response to the comment, here is a modified version and a corresponding function to re-enable the links. Please note the creation of a new attribute for each link that acts as a backup to store the original link.

      function DisableAllDIVLinks(DivId) {
        var div = document.getElementById(DivId);
        var anchorList = div.getElementsByTagName('a');
 
        for(var i = 0; i < anchorList.length; i++) {
          anchorList[i].disabled = true;
          anchorList[i].setAttribute('backup_href',
                  anchorList[i].getAttribute("href"));
          anchorList[i].removeAttribute('href');
        }
      }
 
      function EnableAllDIVLinks(DivId) {
        var div = document.getElementById(DivId);
        var anchorList = div.getElementsByTagName('a');
 
        for(var i = 0; i < anchorList.length; i++) {
          anchorList[i].disabled = false;
          anchorList[i].setAttribute('href',
                  anchorList[i].getAttribute("backup_href"));
          anchorList[i].removeAttribute('backup_href');
        }
      }

By: Soumya

Soumya — Thu, 23 Jun 2011 13:10:17 +0000

Hi,

First of all I want to thank you for the piece of code you mentioned here.
It’s working fine. the links are getting disable in a div when I click on a particular button.
But again on clicking on another button I want the links to be activated again.

I tried on the same code you given here.

function EnableAllDIVLinks(DivId)
{
var div = document.getElementById(DivId);
var anchorList = div.getElementsByTagName(‘a’);

for(var i = 0; i < anchorList.length; i++)
{
anchorList[i].enabled = true;
anchorList[i].setAttribute('href');

}
}

Doing this links ar getting activated but showing 'undefined'

Can you please help me with some tips. It's very urgent.