Tooltip con JavaScript

Bueno, quien más o quien menos en alguna ocasión le ha tocado manejar algún tooltip o se lo ha tenido que picar a mano. Lo cierto es que en esta web me he encontrado un ejemplo y un manual muy chulo de cómo hacer uso y cambiar ciertos comportamientos de una manera muy sencilla.

Vamos un ejemplo simple de configuración:

– Declaramos los dos script

– Cambiamos el comportamiento por defecto. Con esto conseguimos que la librería sobrescriba los atributos title de los tag “a” y “label”. Además le indicamos que lo que va delante de “-“ es el título y lo que va después es el cuerpo del mensaje

– Hacemos un html de ejemplo:

Y vemos el resultado:

Es bastante simple, pero podemos configurar más parámetros como por ejemplo:

track: con valores true/false indica si el tooltip seguirá al mouse o se quedará estático.

– delay: tiempo en milisegundos antes que aparezca el tooltip.

Y más como son las CSS. Pero si queremos ampliar no hay como ir a la página principal http://docs.jquery.com/Plugins/Tooltip y ver la lista completa.

Deja un comentario