Rutarelativa

Autocomplete para Jquery, Mootools y Javascript

(0)

30 / Noviembre / 2009

Desarrollo, 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.

Artículos relacionados

Mootools Forge: Directorio de plugins para Mootools Publicado por KeLDroX el día 25/05/2010Guardado en Javascript
Api reCAPTCHA Publicado por KeLDroX el día 14/12/2009Guardado en Desarrollo, Javascript
Contactable: Plugin para wordpress para feedback y contacto Publicado por sergiocius el día 24/06/2010Guardado en Plugins
Nivo: Slider con varias transacciones en Jquery Publicado por KeLDroX el día 23/03/2010Guardado en Javascript
Como usar Javascript en peticiones Ajax Mootools Publicado por KeLDroX el día 04/02/2010Guardado en Desarrollo, Javascript

Sobre KeLDroX

288

Desarrollador en entornos web y Diseñador de profesión, muy activo, que busca siempre enfrentarse a retos cada vez más dificiles. Si un día no hago algo nuevo o no he superado alguna dificultad para mi es un día vacío. Cuento con dos titulaciones: Técnico en Explotación de Sistemas Informáticos y Técnico Superior en Desarrollo de Aplicaciones Informáticas. Fundé rutarelativa porque siempre quise tener un sitio en donde compartir mis experiencias profesionales y a los problemas que me enfrento día a día en el ámbito profesional.

Sigue a Ruta Relativa

Trackback en Autocomplete para Jquery, Mootools y Javascript

Hasta el momento el artículo Autocomplete para Jquery, Mootools y Javascript no tiene Trackbacks.

Comentarios en Autocomplete para Jquery, Mootools y Javascript

Hasta el momento el artículo Autocomplete para Jquery, Mootools y Javascript no tiene comentarios, sé el primero en comentar en él.

Escribir comentario en Autocomplete para Jquery, Mootools y Javascript

¡Tu opinión nos interesa!. Escribe tu opinión lo más clara posible para que todos podamos entenderla, evita el spam, comentarios ofensivos, etc. ya que serán eliminados. Tu opinión sera moderada antes de ser publicada, por lo que su aparición en la web puede tardar unos minutos. Si deseáis ponerse en contacto para sugerencias o críticas podéis hacerlo desde el formulario de contacto.