Contenido

Recopilacion de Autocomplete y Suggest

11 Nov

+ 14

El suggest, a mi entender es una de las utilidades web que más iremos viendo implementada en muchos sitios web, principalmente debido a que es realmete útil y lo ha demostrado en la herramientas de escritorio.

suggest_search.png

El suggest como su nombre indica es sugiere palabras que aún no has pedido, gracias a las primeras letras de la palabra el script realiza una llamada en Ajax al servidor que se encarga de realizar otra llamada a la base de datos (o fichero de datos)  solicitando las palabras que comienzen, contengan o finalicen con esas letras, mostrandolas en un desplegable o cambiando el texto del input desde donde escribes. De esta forma las búsquedas son mucho más certeras y cómodas para el usuario.

Por ese motivo no paran de salir versiones sobre esta utilidad, versiones en javascript que utilizan librerías más o menos pesadas, más o menos estilos, pero sin duda igual de prácticos.

Autocomplete de phpguru.org. [Home][Demo][Descargar]

Un desplegable muy simple pero usable y además es compatible con todos los navegadores.

WICK AutoComplete [Home][Demo][Descargar

Una versión muy simple pero mucho más clara que la anterior. Usa un código completamente no intrusivo respetando la semántica y la accebilidad.

Script.aculo.us Autocompleter [Home][Demo]

Sin duda el más conocido y posiblemente el más utilizado. Integrado en la librería el suggest está repleto de efectos y detalles que lo hacen realmente interesante para cualquier proyecto, pero esto juega en su contra ya que el uso de tanto efecto y detalles implica un aumento de peso del código necesario. La versión ajax de este script es obra de Gabriel Lanzani, ¿os suena de algo

BComplete Autosuggest Script [Home][Descargar

Versión de suggest muy elegante y muy bien terminada. Destaca por su elegante diseño a la hora de mostrar los posibles resultados.

Autocompletition by Wiseguysonly [Home][Demo][Descargar

Quizas la versión para impacientes, muy simple y para mi poco útil, ya que no te permite seleccionar la opción que desees mediante el uso del teclado. Necesitas el ratón para seleccionar.

Autocomplete control with dropdown [Home][Demo][Descargar

Este script usa el elemento <input /> desde donde se solicita para ir sugiriendo la palabra en el mismo <input />. No permite la validación del código debido a que necesita un atributo no válido en nuestro <input />. Probado en IE 5 y superiores y Mozilla.

AutoSuggest: An AJAX auto-complete text field [Home][Demo][Descargar]

Muy util script que recoge la información de un fichero XML. El diseño es algo simple, pero nada que un poco de CSS no pueda arreglar 😀

Ajax dynamic list [Home][Demo][Descargar

Versión del suggest de los chicos de dhtmlgoodies, muy elegante.

AutoSuggest [Home

Otro script bastánte simple y por lo tanto bastante ligero que nos permite disponer de un suggest fácil de implementar y usar.

XMLHttpRequest Autocomplete [Home]

 Se supone que es una versión basada en Ajax que nos devuelve los datos del servidor… pero no he logrado hacerlo funcionar…

GMail-style text completion for text input element [Home

Una versión muy usable, nos muestra de forma clara en que lugar aparecen las letras que estamos buscando, de tal forma que nuestra búsqueda será más óptima todavía.

Nitobi AJAX components demo [Home][Demo

Un resultado muy cuidado y bonito, quizas los mejores que he visto, pero necesitas crear un código muy especial para conseguir que funcione.

Capxous framework [Home][Descargar

El más elegante de todos, es el que más me ha gustado, lástima que necesite una licencia de $99 (para uso personal) o $399 (para uso coorporativo) para poder eliminar el «Powered by CAPXOUS» de su código. Sin duda la mejor opción.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.