A la hora de maquetar un formulario muchas veces nos podemos encontrar con que ciertos campos son complejos y pueden dar lugar a confusi贸n, por lo que es necesario aclarar de qu茅 tratan. Esto puede llegar a ser bastante molesto en el dise帽o, m谩s si es necesario colocar varias aclaraciones.
Tooltip for forms nos da la posibilidad de agregar una aclaraci贸n a cualquier elemento del formulario que s贸lo ser谩 visible cuando se est茅 usando y desaparecer谩 una vez completado.
Cuando ya hayamos enlazado nuestro sitio a la librer铆a Javascript, tan s贸lo debemos agregar el atributo tooltipText a cualquier input y ya ser谩 suficiente para que aparezca un peque帽o globo con la informaci贸n que deseas al seleccionarlo.
Por ejemplo para agregarlo a un texto debes colocar:
<input type="text" id="ejemplo" name="ejemplo" tooltipText="Este es el texto que aparecer谩 como ayuda">
Para inicializar y configurar la herramienta debes utilizar el siguiente c贸digo:
<script type="text/javascript">
var tooltipObj = new DHTMLgoodies_formTooltip(); //lo crea
tooltipObj.setTooltipPosition('right'); // Indica en que posici贸n se mostrar el globo, puede ser right(derecha) o below(debajo)
tooltipObj.setPageBgColor('#EEE'); //Debes indicar el color de fondo de tu sitio
tooltipObj.setCloseMessage('Cerrar'); // Indica el texto que aparecer谩 para que el usuario pueda cerrar el globo
tooltipObj.setDisableTooltipMessage('No mostrar m谩s');
//Mensaje que aparecer谩 para que el usuario pueda tener la opci贸n de que no aparezcan m谩s textos de ayuda
tooltipObj.initFormFieldTooltip(); //inicializa
</script>
Y ya ser谩 suficiente para tener todo funcionando. Con estos pocos pasos podr谩s obtener una funcionalidad que de lo contrario ser铆a bastante complicada de lograr.
Descarga Tooltips for Forms desde el sitio de DhtmlGoodies (haz clic aqu铆).
Mi茅rcoles, 30 de Septiembre de 2009 a las 19.49
De gran utilidad despues de unas pocas configuraciones funciona de maravilla muchas gracias por el TIP