Tooltip.js versión 0.2

Alma Fernández 12/12/2006

Hace algún tiempo tocamos por encima unos cuantos scripts javascript que nos permitían crear atractivos tooltips para nuestros sitios web. Hoy ha aparecido la versión renovada y mejorada de uno de ellos: tooltip.js de Jonathan Weiss.

tooltip.js en accion

Esta versión introduce dos mejoras fundamentales:

Sigue correctamente al ratón cuando usamos Firefox. Muy útil cuando usamos posicionamiento absoluto en nuestras hojas de estilo
Gracias a Xabier Lepaul, ahora podemos crear tooltips de un texto existente. Esto nos permite, por ejemplo, crear tooltips para los atributos tittle

Puedes ver una demo o descargar el archivo tooltip.js del blog del autor.

tooltip.js – version 0.2

Via Ajaxian

Otras entradas que pueden interesarte:

Javascript, Scripts

Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades

juan jose de la cruz dice:

26 mayo 2010 a las 19:23

ya la utilice y es en verdad muy practica solo tiene un inconveniente al utilizarlo en una lista larga, o mas buen una vez que desplasas el scroll el tooltip se queda arriba… yo lo utilizo para ponerlo en una tabla dinamita y descontrola al navegador por lo que cambie unas lines en el codigo
especificamente
var curPosx = (e.x)?parseInt(e.x):parseInt(e.clientX);
var curPosy = (e.y)?parseInt(e.y):parseInt(e.clientY);
por esto

var px, py;
if (!document.all)
       { event = ev;
         py = ev.pageY;
         px = ev.pageX;
       }
    else
{//para IE
       py = event.clientY +document.body.scrollTop+ document.documentElement.scrollTop;
       px = event.clientX +document.body.scrollLeft+ document.documentElement.scrollLeft;
     }

var curPosx=px;
var curPosy=py;

y problema solucionado