Desde que Google utiliza la función de autocompletar a medida que escribes en la caja de búsquedas, ya todo el mundo quiero utilizar este tipo de campos en sus proyectos.
Está claro que Google puede hacer gala de su potencia manteniendo indexado un enorme volumen de términos pero hay que reconocer que en proyectos más pequeños este tipo de componentes con autocompletado sólo suelen utilizarse para seleccionar valores en listas con un número predeterminado de valores. En estos casos se solía utilizar un desplegable o Combobox pero el uso del autocompletado aporta muchas ventajas sobre todo cuando el número de elementos de la lista es medio o alto.
El autocompletado está permitiendo que, en lugar de utilizar un desplegable para seleccionar un determinado valor de un campo, se pueda escribir directamente lo que se quiere de manera que aparecerá de forma inmediata y, si no existe, se podrá guardar para que aparezca en una próxima inserción. Esto es especialmente práctico en los campos de categorización puesto que permiten añadir de manera inmediata nuevos valores que no existan y garantizar al mismo tiempo que no se duplican valores puesto que al escribir aparece si ya existía.
Dicho todo esto, implementar el autocompletado no es algo trivial puesto que las consultas que se realizan a medida que se escribe podrían penalizar el rendimiento. Para ello, lo que se suele hacer es crear una caché temporal en el navegador de manera que el autocompletado hace las búsquedas localmente sin penalizar el servidor.
Un buen ejemplo de componente jQuery que permite desarrollar esta funcionalidad lo encontramos en LoopJ. Se trata de un componente libre que podemos utilizar en nuestros proyectos para datarlos de mayor dinamismo. Es totalmente configurable vía CSS y permite seleccionar utilizando el ratón o el teclado. Aquí se puede hacer una prueba buscando títulos de series.
Enviar un comentario nuevo