menú
buscar
Diferencias
Muestra las diferencias entre dos versiones de la página.
|
ejercicios:unidad09 [2014/09/08 20:55] admin |
ejercicios:unidad09 [2014/09/09 10:02] (actual) admin |
||
|---|---|---|---|
| Línea 1: | Línea 1: | ||
| ====== 9. Creación de directivas ====== | ====== 9. Creación de directivas ====== | ||
| + | Crea una nueva directiva llamada ''caTooltip'' que al añadirla a un elemento creará un tooltip usando el control de JQuery UI llamado [[http://jqueryui.com/tooltip/|Tooltip]] | ||
| + | El texto del tooltip se sacará del valor del atributo ''ca-tooltip''. | ||
| + | |||
| + | La directiva se usará de la siguiente forma: | ||
| + | |||
| + | <sxh html> | ||
| + | <input id="ape1" name="ape1" type="text" ng-model="seguro.ape1" required ca-tooltip="El primer apellido del asegurado" /> | ||
| + | </sxh> | ||
| + | |||
| + | Al hacer la directiva , al pasar sobre el ''<input>'' se mostrará el tooltip "El primer apellido del asegurado" | ||
| + | |||
| + | <note tip> | ||
| + | Para que funcione deberás añadir el atributo "title" al elemento con el texto del tooltip a mostrar. | ||
| + | </note> | ||
