Tutorial básico para hacer autocompletar con JQuery

En Nodstrun.com han publicado un sencillo tutorial en el que nos explican cómo implementar de forma elegante la funcionalidad de autocompletar, usando la librería JQuery.

Se puede descargar el código del ejemplo en éste enlace y ver una demo en éste otro.

AutoComplete en JQuery

Sobre Asier

Arquitecto web enganchado al desarrollo, estudio y planteamiento de proyectos en internet. Trabajo en Blackslot, empresa que fundé en el 2009. Me encanta el cine, el café, el sexo, la cultura geek, la cultura oriental y la música electrónica.
Artículo publicado en Desarrollo Web, Frameworks, javaScript. Enlace a esta entrada..

4 espuestas a Tutorial básico para hacer autocompletar con JQuery

  1. LUPITA dijo:

    hola!

    pues mmm si pusieras todo el ejemplo no estaria nada mal

    es k es k eso me dejaron de tarea y ps no se como hacerlo

    pero gracias por la informacion

  2. Jair dijo:

    como sacar la ñ y los acentos, que me salen signos, te agradesco puedas decirlo, gracias

  3. José Manuel rangel dijo:

    como hacer si en un mismo formulario quieres colocar 2 campos iguales… e tratado de modificar las funciones pero nada porque los parametros no son variables

  4. sebatobeen dijo:

    Lo puedes sacar asi:
    $db = new mysqli(‘localhost’, ‘root’ ,’clave’, ‘bd’);
    $db->query(“SET NAMES ‘latin1′′″);
    $db->query(“SET CHARACTER SET latin1″);
    $db->query(“SET COLLATION_CONNECTION = ‘latin1_swedish_ci’”);
    if(!$db) {
    // Show error if we cannot connect.
    echo ‘ERROR: Could not connect to the database.’;
    } else {
    // Is there a posted query string?
    if(isset($_POST['queryString'])) {
    $queryString = $db->real_escape_string($_POST['queryString']);
    $queryString = iconv(‘UTF-8′,’latin1′,$queryString);
    // Is the string length greater than 0?

    if(strlen($queryString) >0) {

    $query = $db->query(“SELECT nombre FROM pelicula WHERE nombre LIKE ‘$queryString%’ LIMIT 10″);
    if($query) {
    while ($result = $query ->fetch_object()) {
    // YOU MUST CHANGE: $result->value to $result->your_colum
    //echo ‘nombre.’\');”>’.$result->nombre.”;
    $strUTF = iconv(‘latin5′,’UTF-8′,$result->nombre);
    echo ”.$strUTF.”;
    }
    } else {
    echo ‘ERROR: There was a problem with the query.’;
    }
    } else {
    // Dont do anything.
    } // There is a queryString.
    } else {
    echo ‘There should be no direct access to this script!’;
    }
    }

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos requeridos, están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.