Icono del sitio Pixelco Tech

Tooltip for forms – Script que muestra ayuda en formularios

Tooltip for forms es un script Javascript que muestra ayuda en formularios. Con este útil recurso podemos agregar información adicional a cualquier elemento del formulario.

Cada vez que un elemento de nuestro formulario recibe el foco, este mostrará ayuda en un Tooltip.

Es fácil de configurar y en el sitio encontramos documentación muy completa (en inglés).

Por ejemplo para definir en un elemento del formulario un Tooltip debemos agregar: tooltipText=”Escriba su nombre”.


<input type="text"
id="firstname"
name="firstname"
tooltipText="Escriba su nombre">

Para inicializar y configurar el script, simplemente en el final de la página agregamos:

<script type="text/javascript">
var tooltipObj = new DHTMLgoodies_formTooltip();
tooltipObj.setTooltipPosition('right');
tooltipObj.setPageBgColor('#EEE');
tooltipObj.setCloseMessage('Exit');
tooltipObj.initFormFieldTooltip();
</script>

Sencillo, elegante y muy útil, Tootlip for forms es un excelente recurso para usar en nuestros desarollos.

Sitio/Demo/Descarga: www.dhtmlgoodies.com

Vía: www.elwebmaster.com

Salir de la versión móvil