desactivar enlace temporalmente

[diegoturriaga]

Aclaro que el código que viene a continuación funciona perfecto (al menos para el uso que estoy dándole yo;) así que en parte es una aportación al foro y en parte tan solo quiero leer nuevas ideas y mejoras

La idea es la simple, data una tag del estilo

Código HTML:

<A href="destino.html" id='enlace1' onclick="Bloquear('enlace1',10)" target="frameX">enlace</A> 

usando el siguiente javascipt conseguimos que al hacer clic en el enlace se lo deshabilite por 10 segundos...

Código:

// Desactiva un Link durante N segundos después de un click
function Bloquear(objID, segundos) {
  var obj = document.getElementById(objID);
  if (obj != null) {
    if (obj.disabled) return false;
    desactivarLink(objID, "gray");
    setTimeout(function() {activarLink(objID);}, segundos*1000);
    return true;
  }
  return false;
}

// Desactiva un Link y lo pinta del color indicado
function desactivarLink(objID, color) {
  var obj = document.getElementById(objID);
  if (obj != null) {
    var href = obj.getAttribute("href");
    if(href && href != "" && href != null) {
      obj.setAttribute('hrefBack', href);
      var target = obj.getAttribute("target");
      if(target == '_blank') {
        window.open(href);
      }
      else if(target == '_top') {
        top.location.href = href;
      }
      else if(target == '_parent') {
        parent.location.href = href;
      }
      else if(target && target != "" && target != null && target != "_self") {
        parent.frames[target].location.href = href;
      }
	  else {
	    document.location.href = href;
	  }
    }
    obj.removeAttribute('href');
	obj.disabled = true;

    var onclick = obj.getAttribute("onclick");
    if(onclick != null) {
      obj.setAttribute('onclickBack', onclick);
      obj.setAttribute('onclick', "void(0);");
    }

	if (color != "" && color != null) {
      obj.setAttribute('colorBack', obj.style.color);
      obj.style.color = color;
	}
  }
}

// Reactiva un Link y le pone el color original
function activarLink(objID) {
  var obj = document.getElementById(objID);
  if (obj != null) {
    var hrefBack = obj.getAttribute("hrefBack");
    if(hrefBack != null) {
      obj.setAttribute('href', hrefBack);
      obj.removeAttribute('hrefBack');
    }
    obj.disabled = false;

    var onclickBack = obj.getAttribute("onclickBack");
    if(onclickBack != null) {
      obj.setAttribute('onclick', onclickBack);
      obj.removeAttribute('onclickBack');
    }

    var colorBack = obj.getAttribute("colorBack");
    if(colorBack != null) {
      obj.style.color = colorBack;
      obj.removeAttribute('colorBack');
    }
  }
}

Bueno, escucho ideas y espero que el script les sea útil...