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> |