Textarea con autocompletar Javascript

via Kabytes by Pablo on 6/18/10

Muchas veces vi formularios que se autocompletan, especialmente en aplicaciones offline en donde a medida que escribimos las palabras se van autosugiriendo, ahora eso mismo se puede hacer online y de manera muy simple gracias a un javascript diseñado por Sergech’s.

La mejor forma de entender lo que hace este código javascript es viendo el ejemplo online o bien la captura de pantalla que coloco a continuación:

sugerir palabras textarea javascript

Para inicializar este javascript solo necesitamos unas líneas de código como las siguientes:

<script type="text/javascript"> var words = 'air,away,animal,answer,america,awesome,amazing'.split(','); new BasicContentAssist(document.getElementById('input'), words); new BasicContentAssist(document.getElementById('str'), words); </script>

En Words vamos a ingresar todas las palabras que vamos a sugerir, y str sería el nombre del textarea. Simple verdad? :D

El javascript que realiza este trabajo no es muy liviano que digamos, tiene un peso de 16kb, se podría decir que es el único punto negativo que veo, aunque si usamos la compresión gzip se podrá hacer bastante más liviano.

Descarga en Github: Sergech’s

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: