Php para Autocompletar

satjaen · #1 (**permalink**) 17/10/2012, 09:21

Hola, me puede decir alguien por favor como construir el search.php para este autocompletado?

Código Javascript:

Ver original<!doctype html>
 
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Autocomplete - Remote with caching</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <style>
    .ui-autocomplete-loading {
        background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
    }
    </style>
    <script>
    $(function() {
        var cache = {};
        $( "#birds" ).autocomplete({
            minLength: 2,
            source: function( request, response ) {
                var term = request.term;
                if ( term in cache ) {
                    response( cache[ term ] );
                    return;
                }
 
                $.getJSON( "search.php", request, function( data, status, xhr ) {
                    cache[ term ] = data;
                    response( data );
                });
            }
        });
    });
    </script>
</head>
<body>
 
<div class="ui-widget">
    <label for="birds">Birds: </label>
    <input id="birds" />
</div>
 
 
</body>
</html>

Gracias.

maycolalvarez · #2 (**permalink**) 17/10/2012, 13:16

me parece que en la documentación de jQueryUI te ofrecen la información necesaria ¿ya lo consultaste?

satjaen · #3 (**permalink**) 17/10/2012, 14:38

Maycol estoy utilizando este pero me da error de:

Código Javascript:

Ver originalFatal error: Class 'mysqli' not found

Código PHP:

Ver original<?php
    
    // PHP5 Implementation - uses MySQLi.
    // mysqli('localhost', 'yourUsername', 'yourPassword', 'yourDatabase');
    $db = new mysqli('localhost, 'root' ,'root', 'xxxx');
    if ($mysqli->connect_error) {
    die('Error de Conexión (' . $mysqli->connect_errno . ') '
            . $mysqli->connect_error);
}
 
/*
 * Use esto en lugar de $connect_error si necesita asegurarse
 * de la compatibilidad con versiones de PHP anteriores a 5.2.9 y 5.3.0.
 */
if (mysqli_connect_error()) {
    die('Error de Conexión (' . mysqli_connect_errno() . ') '
            . mysqli_connect_error());
}
 
echo 'Éxito... ' . $mysqli->host_info . "\n";
    
    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']);
            
            // Is the string length greater than 0?
            
            if(strlen($queryString) >0) {
                // Run the query: We use LIKE '$queryString%'
                // The percentage sign is a wild-card, in my example of countries it works like this...
                // $queryString = 'Uni';
                // Returned data = 'United States, United Kindom';
                
                // YOU NEED TO ALTER THE QUERY TO MATCH YOUR DATABASE.
                // eg: SELECT yourColumnName FROM yourTable WHERE yourColumnName LIKE '$queryString%' LIMIT 10
                
                $query = $db->query("SELECT apellidos FROM usuarios WHERE apellidos LIKE '$queryString%' LIMIT 10");
                if($query) {
                    // While there are results loop through them - fetching an Object (i like PHP5 btw!).
                    while ($result = $query ->fetch_object()) {
                        // Format the results, im using <li> for the list, you can change it.
                        // The onClick function fills the textbox with the result.
                        
                        // YOU MUST CHANGE: $result->value to $result->your_colum
                        echo '<li onClick="fill(\''.$result->value.'\');">'.$result->value.'</li>';
                    }
                } 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!';
        }
    }
?>

Un saludo

Dradi7 · #4 (**permalink**) 17/10/2012, 15:17

Tienes activada la funcion mysqli en la configuración de tu php, estas usando namespaces ademas es necesario que copies un código de la web tal como esta, no seria que hagas el código de acuerdo a lo que lees???

Saludos

satjaen · #5 (**permalink**) 17/10/2012, 15:37

La configuracion que me estas diciendo no se si la tengo lo unico que te puedo decir es que tengo contratado el hosting y php en www.interdominios.es y son ellos los que me dan el servicio para las bases de datos y myadmin.
Un saludo

maycolalvarez · #6 (**permalink**) 18/10/2012, 07:22

bueno, podrías intentar adaptar el código para usar PDO (que supongo sí debe tener el hosting) ya que la sintaxis es similar, si no con la librería estándar de php mysql, que es muy sencilla de aprender además

, solo necesitas un conjunto de funciones.

mysql_connect
mysql_select_db
mysql_query
mysql_fetch_assoc ó mysql_fetch_row etc.

en un tutorial básico PHP+mysql lo consigues

Dradi7 · #7 (**permalink**) 18/10/2012, 07:50

Cita:

Iniciado por maycolalvarez

bueno, podrías intentar adaptar el código para usar PDO (que supongo sí debe tener el hosting) ya que la sintaxis es similar, si no con la librería estándar de php mysql, que es muy sencilla de aprender además

, solo necesitas un conjunto de funciones.

mysql_connect
mysql_select_db
mysql_query
mysql_fetch_assoc ó mysql_fetch_row etc.

en un tutorial básico PHP+mysql lo consigues

maycolalvarez

No recomiendo que ya la gente use la librería misma de mysql porque esta en un futuro va a ser deprecada y por lo tanto seria que use tal como mencionas PDO o MySQLi

Saludos

maycolalvarez · #8 (**permalink**) 18/10/2012, 08:01

Cita:

Iniciado por Dradi7

maycolalvarez

No recomiendo que ya la gente use la librería misma de mysql porque esta en un futuro va a ser deprecada y por lo tanto seria que use tal como mencionas PDO o MySQLi

Saludos

exacto y estoy 100% de acuerdo contigo, pero lamentablemente todavía quedan hostings por ahí que ni PDO implementan, por lo que algunos tengan que recurir a lo viejo, yo desde hace años que uso sólo PDO o Doctrine

Dradi7 · #9 (**permalink**) 18/10/2012, 09:49

Cita:

Iniciado por maycolalvarez

exacto y estoy 100% de acuerdo contigo, pero lamentablemente todavía quedan hostings por ahí que ni PDO implementan, por lo que algunos tengan que recurir a lo viejo, yo desde hace años que uso sólo PDO o Doctrine

Eso si tienes razón y eso que hay algunos hosting que trabajan con PHP 4

y es una cosa de locos

.

Y lo de Doctrine muy buena ORM que me parece la mas completa

Saludos

satjaen · #10 (**permalink**) 18/10/2012, 14:25

Dejo esto por si le sirve a alguien http://php.net/manual/es/mysqli.installation.php
Muchas gracias a los dos estudiaré que puedo hacer y os cuento.....
Un saludo

satjaen · #11 (**permalink**) 19/10/2012, 01:32

Ya no me da error en mi servidor local pero ahora el problema es que no salen los resultados, solo sale 'Éxito... '.
Porque puede ser?.

Dradi7 · #12 (**permalink**) 19/10/2012, 09:27

Seria bueno que pongas el código (usa por favor HIGHLIGHT) porque no veo arriba en donde te sale éxito

Saludos

satjaen · #13 (**permalink**) 19/10/2012, 10:15

Ok,

Autocompletar.php

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Auto Suggest</title>
 
<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script type="text/javascript">
    function lookup(inputString) {
        if(inputString.length == 0) {
            // Hide the suggestion box.
            $('#suggestions').hide();
        } else {
            $.post("rpc.php", {queryString: ""+inputString+""}, function(data){
                if(data.length >0) {
                    $('#suggestions').show();
                    $('#autoSuggestionsList').html(data);
                }
            });
        }
    } // lookup
    
    function fill(thisValue) {
        $('#inputString').val(thisValue);
        setTimeout("$('#suggestions').hide();", 200);
    }
</script>
 
<style type="text/css">
    body {
        font-family: Helvetica;
        font-size: 11px;
        color: #000;
    }
    
    h3 {
        margin: 0px;
        padding: 0px;   
    }
 
    .suggestionsBox {
        position: relative;
        left: 30px;
        margin: 10px 0px 0px 0px;
        width: 200px;
        background-color: #212427;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border: 2px solid #000; 
        color: #fff;
    }
    
    .suggestionList {
        margin: 0px;
        padding: 0px;
    }
    
    .suggestionList li {
        
        margin: 0px 0px 3px 0px;
        padding: 3px;
        cursor: pointer;
    }
    
    .suggestionList li:hover {
        background-color: #659CD8;
    }
</style>
 
</head>
 
<body>
 
 
    <div>
        <form>
            <div>
                Selecciona el Nº de teléfono:
                <br />
                <input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
            </div>
            
            <div class="suggestionsBox" id="suggestions" style="display: none;">
                <img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
                <div class="suggestionList" id="autoSuggestionsList">
                    &nbsp;
                </div>
            </div>
        </form>
    </div>
 
</body>
</html>

rpc.php

Código PHP:

  <?php 
     
    // PHP5 Implementation - uses MySQLi. 
    // mysqli('localhost', 'yourUsername', 'yourPassword', 'yourDatabase'); 
    $db = new mysqli('localhost', 'root' ,'root', 'xxxxx'); 
    if ($mysqli->connect_error) { 
    die('Error de Conexión (' . $mysqli->connect_errno . ') ' 
            . $mysqli->connect_error); 
} 
 
/* 
 * Use esto en lugar de $connect_error si necesita asegurarse 
 * de la compatibilidad con versiones de PHP anteriores a 5.2.9 y 5.3.0. 
 */ 
if (mysqli_connect_error()) { 
    die('Error de Conexión (' . mysqli_connect_errno() . ') ' 
            . mysqli_connect_error()); 
} 
 
echo 'Éxito... ' . $mysqli->host_info . "\n"; 
     
    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']); 
             
            // Is the string length greater than 0? 
             
            if(strlen($queryString) >0) { 
                // Run the query: We use LIKE '$queryString%' 
                // The percentage sign is a wild-card, in my example of countries it works like this... 
                // $queryString = 'Uni'; 
                // Returned data = 'United States, United Kindom'; 
                 
                // YOU NEED TO ALTER THE QUERY TO MATCH YOUR DATABASE. 
                // eg: SELECT yourColumnName FROM yourTable WHERE yourColumnName LIKE '$queryString%' LIMIT 10 
                 
                $query = $db->query("SELECT telefono FROM usuarios WHERE telefono LIKE '$queryString%' LIMIT 10"); 
                if($query) { 
                    // While there are results loop through them - fetching an Object (i like PHP5 btw!). 
                    while ($result = $query ->fetch_object()) { 
                        // Format the results, im using <li> for the list, you can change it. 
                        // The onClick function fills the textbox with the result. 
                         
                        // YOU MUST CHANGE: $result->value to $result->your_colum 
                         echo '<li onClick="fill(\''.$result->value.'\');">'.$result->value.'</li>'; 
                     } 
                } 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!'; 
        } 
    } 
?>

Saludos.