Saltar al contenido




Cambiar el aspecto de los inputs al tener el foco con Jquery

En uno de mis últimos proyectos cree unas CSS que modificaban la apariencia de un input al tener el foco. El problema es que en Internet Explorer 6 y anteriores esto no funciona, en el 7 ya lo han solucionado. Como estaba usando Jquery decidí crear un plugin para conseguir este efecto en cualquier navegador combinándolo con las CSS. El resultado lo puedes ver funcionando aquí, plugin con Jquery para controlar el aspecto de los input al tener el foco.

Realmente solo se necesita el formulario, el plugin para el foco y Jquery.

Como este plugin no va a tener mucho sentido según vaya aumentando el uso del Internet Explorer 7 y otros navegadores más modernos decidí unirlo a Hint Text Box. De esa forma el nuevo plugin permite poner o quitar un texto explicativo de los inputs además de modificar el aspecto al tener foco. Mira esta demo para ver su funcionamiento, el código del formulario y del plugin que controla el texto y el aspecto de los inputs.

Otros enlaces de interes

Tutoriales de uso de Jquery [en ingles].

Como desarrollar un plugin para Jquery [en ingles].




© innovacionweb.com | Algunos derechos reservados. Licencia Creative commons
Saber y conocer