Textarea con autocompletar Javascript

Pablo

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

Pablo

Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.

Comentarios

  1. andres Responder

    Hola cuando lo ejecuto en mi sistema que esta con IE9 me sale el error:
    Java Script Error

    Description: Argumento no válido.
    Source: http://………TextViewer.js
    Line:441

    Lo he probado y nose porque me sale dicho error en esa linea cuando comente esa linea ya no me sale ese error pero no se ve el texto flotante para elegir.
    Porque me sale ese error? porfavor alguna sugerencia?

    GRacias:D

Realizar un comentario