Tooltips con Javascript
Los tooltips son esos mensajes emergentes que surgen para añadir más información, generalmente, a un enlace o una imagen. Los tooltips en html suelen generarse por medio del atributo “title” y, en el caso de las imágenes, erroneamente, con el atributo “alt” que, a pesar de presentarse como un tooltip en muchos navegadores, es un reemplazo de texto para las mismas. Para más información podéis ojear The Alt and Title Attributes en 456 Berea Street y la referencia al atributo alt en las faq para desarrolladores de Mozilla.
La falta de consistencia en la representación de estos mensajes por parte de los navegadores provoca usos incorrectos que, si bien pueden servirnos en algunos casos, producen un empeoramiento de la funcionalidad para usuarios no-visuales.
Además, en ocasiones puede resultarnos útil añadir este tipo de mensajes emergentes a elementos que no sean enlaces o imágenes, incluso puede que necesitemos que esta información aparezca en pantalla asociada a gestos diferentes del de pasar el ratón por encima o, incluso, con un estilo definido por nosotros mismos.
Para todos estos usos, puede solucionarnos la papeleta el uso de un poco de Javascript. He estado mirando un poco y he encontrado unos cuantos scripts.
BoxOver:
http://boxover.swazz.org/
Cool DHTML Tooltip:
http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm
Javascript Fading Tooltips:
http://www.dustindiaz.com/sweet-titles
Extended Tooltips:
http://www.felgall.com/jstip18.htm
Tooltip.js:
http://tooltip.crtx.org/index.php
Javascript, DHTML Tooltips:
http://www.walterzorn.com/tooltip/tooltip_e.htm
Otras entradas
Esta entrada fue publicada por Alma Fernández el Miércoles, 12 de Julio de 2006 y está archivada en: Javascript, Scripts. Puedes dejar un comentario, o enviar un trackback desde tu sitio.
