Lenguajes
Web/Otros
Extra
Enlaces

Enlaces sin click

Este script permite crear enlaces que se activan no solamente mediante un click de ratón, sino también con el acto de dejar el ratón sobre ellos.

El codigo Javascript necesario para ello es el siguiente:

function forall(elem, func) {
  if (elem.childNodes) {
    var cs = elem.childNodes;
    for (var i = 0; i < cs.length; i++) {
      forall(cs[i], func);
    }
  }
  func(elem);
}

forall(document, function(elem) {
  if ((elem.tagName) && (elem.tagName == 'A')) {
    var clicktimer = -1;
    var colortimer = -1;
    var oldcolor = elem.style.color;
    function fade() {
      elem.style.color = 'rgb('+elem.fadecolor+', '+elem.fadecolor+', 255)';
      elem.fadecolor += 25;
      colortimer = setTimeout(fade, 100);
    }
    elem.onmouseover = function() {
      clearTimeout(clicktimer);
      clearTimeout(colortimer);
      clicktimer = setTimeout(function() {
        document.location = elem.href;
      }, 1000);
      elem.fadecolor = 0;
      fade();
    };
    elem.onmouseout = function() {
      clearTimeout(clicktimer);
      clearTimeout(colortimer);
      elem.style.color = oldcolor;
    };
  }
});

A continuación llamaremos a la función desde cada enlace de esta manera:

<a href="javascript:alert('link clicked')">Enlace sin click</a>

Redactado por Mininova Labs. Traduccion y adaptación por eMe
http://labs.mininova.org/noclick/

Inicio | JavaScript necesario para este enlace

Noticias en RSS2 XHTML Vlido CSS Vlido