Información de herramienta de entrada simple con JavaScript puro & CSS-tooltipwidget
| Autor: | rajushank84 |
|---|---|
| Views Total: | 3,544 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 11, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca JavaScript simple muerta que anexa cuadros de sugerencia & información sobre herramientas a los campos de texto a medida que el usuario comienza a escribir.
Admite eventos de desenfoque/enfoque y genera automáticamente información sobre herramientas a partir del atributo title.
Funcionamiento
Cargue el ToolTip. CSS en el encabezado. Puede anular los estilos usted mismo agregando el propietario en el CSS.
<link rel="stylesheet" href="tooltip.css">
Cree contenido de información sobre herramientas con el atributo ' title ' y agregue la clase ' showTooltip ' al campo de entrada para mostrar una información de herramientas normal.
<input class="showTooltip" title="I have a tooltip">
Utilice la clase ' showErrorTooltip ' para crear una descripción emergente de ' error '.
<input class="showErrorTooltip" title="I have an error tooltip" />
Cargue la biblioteca de JS ToolTip. js en la parte inferior del documento.
<script src="tooltip.js"></script>
