Autocomplete para Jquery, Mootools y Javascript

En muchos de nuestros proyectos tenemos la necesidad de que las cajas de texto vayan prediciendo las palabras o frases que vaya escribiendo el usuario sin que el lo escriba completamente. A esto se le denomina autocomplete. Existen en varios lenguajes pero hoy nos vamos a centrar en el lenguaje Web. Para que esto pueda ser posible necesitamos tener habilitado Javascript y utilizar algunas de las librerías que existen en Jquery, Mootools o Javascript.

Autocomplete para Jquery

Descargar Ajax AutoComplete for jQuery
Ver demo

Modo de empleo:

<input type="text" name="q" id="query" />

var options, a;
jQuery(function(){
options = { serviceUrl:'service/autocomplete.ashx' };
a = $('#query').autocomplete(options);
});

Autocomplete para Mootools

Descarga y demo de AutoCompleter

Modo de empleo:

<input type="text" name="search" id="fe-search"/>

window.addEvent('domready', function() {

new Autocompleter.Request.JSON('fe-searchuser', '/query_user.php', {
'postVar': 'search'
});

});

Autocomplete para Javascript

Descargar AutoSuggest
Ver demo

Modo de empleo:

var options = {
script: "pathToScript.php?",
varname: "variableName",
json: true,
maxresults: 35
};
var as = new bsn.AutoSuggest('idOfTextfield', options);

Los autocomplete son normalmente para proyectos grandes en los que el número de búsquedas es amplio y si tendría sentido ofrecer una ayuda al usuario; y por el contrario, en proyectos pequeños, no sería muy necesario puesto que los resultados de las búsquedas son menores y en comparación con el peso de las librerias Javascript y todas las peticiones que realizan al servidor cada ver que se escribe, es mucho mayor que la utilidad. Pienso que añadirlo en proyectos pequeños puede perjudicar más que mejorar.