How to disable the hyperlinks in a div

Question

How can I disable all hyperlinks in a div element? I don't want any active links in my div(editable). Please help me. Thanks in advance

Answer 1

First grab all the links.

var links = editable.getElementsByTagName('a'); // where "editable" is a var pointing to your div

Then set the onclick to false.

for (var i = 0; i < links.length; i++) {
  var link = links[i];
  link.onclick = function() { return false; };
}

Answer 2

using javascript you can write a simple method as given below -

function disableLinksByElement(el) {
  if (document.getElementById && document.getElementsByTagName) {
    if (typeof(el) == 'string') {
      el = document.getElementById(el);
    }
    var anchors = el.getElementsByTagName('a');
    for (var i=0, end=anchors.length; i<end; i++) {
      anchors[i].onclick = function() {
        return false;
      };
    }
  }
}

//Call to function as

disableLinksByElement('mydiv');

Answer 3

jQuery:

$("#myEditableDiv a").click(function(){ return false; });