Gerardo Contijoch

Experiencias del día a día trabajando con .NET – ASP.NET, C#, ASP.NET MVC y demas…

Tooltip simple con jQuery

Posted by Gerardo Contijoch en mayo 5, 2009

Hace unos días precisé agregar un tooltip a una tabla HTML y debido a que ya estaba usando jQuery, comencé a buscar plugins y scritps para esta librería. Lo que necesitaba era un tooltip simple, sencillo, como los clásicos de Windows y lo encontré en cssglobe.com. Éste es el post donde se presenta el script. El problema que le vi a ese script es que solo funcionaba con elementos <a> y se limita a leer el atributo title de los mismos, lo cual no me servía. Es por ello que lo modifiqué para hacerlo más genérico y poder aplicarlo a cualquier elemento.

Su uso es sencillísimo:

var unElemento = $("#unDiv");
AddTooltip(unElemento, "Este es el contenido del tooltip!");

En el ejemplo anterior, el tooltip se aplicaría sobre un elemento cuyo Id es unDiv y se ve de la siguiente manera:

tooltip-con-jquery-tooltip

De hecho, se puede poner cualquier fragmento de HTML, como una imagen, una tabla o lo que queramos.

Pueden bajar el script modificado junto con código de ejemplo desde aquí.

¡Nos vemos en el próximo post!

Publicado originalmente en https://gerardocontijoch.wordpress.com.

Una respuesta to “Tooltip simple con jQuery”

  1. hshh said

    gracias, era lo que necesitaba

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: