Foros del Web » Programando para Internet » PHP »

[APORTE] Llenado de varios campos con autocomplete

Estas en el tema de [APORTE] Llenado de varios campos con autocomplete en el foro de PHP en Foros del Web. Buen día. Hace ya bastante no ingresaba a foros del web, lo utilizo bastante pero desde hace mucho veo la falta de APORTES por parte ...
  #1 (permalink)  
Antiguo 04/03/2013, 23:17
 
Fecha de Ingreso: julio-2009
Mensajes: 11
Antigüedad: 10 años, 1 mes
Puntos: 1
Información [APORTE] Llenado de varios campos con autocomplete

Buen día.

Hace ya bastante no ingresaba a foros del web, lo utilizo bastante pero desde hace mucho veo la falta de APORTES por parte de los usuarios con mas conocimientos.

Hace unos días tuve un inconveniente al querer buscar un script que con un campo de auto completado llenara mas de un input con diferentes datos de la consulta realizada.

Aquí les dejo el script.

index.php
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.4.custom.css" />
        <link type="text/css" rel="stylesheet" href="css/estilo.css" />
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $('#buscar_usuario').autocomplete({
                   source : 'ajax.php',
                   select : function(event, ui){
                       // agregamos un valor por defacto a nuestro campo "resultadosa" 
                       // si necesitas mas campos solo agregalos al array y despues hubicalos es esta parte del codigo
                       //cambiando el identificador por el id del campo y el value por el nombre que le diste a tu dato obtenido dentro del array
                       document.getElementById('resultadosa').value = ui.item.foto ;
                   }
                });
            });
        </script>
        <title>JV Software | Tutorial 1</title>
    </head>
    <body>
    <?php @$bandera=$_POST['bandera'];
    if (
$bandera==1)
    {
        echo 
$_POST['buscar_usuario'];
        echo 
'<br>';
        echo 
$_POST['resultadosa'];
        }
?>
        <div id="busqueda" >
          <form name="form1" method="post" action="">
            <input type="text" id="buscar_usuario" name="buscar_usuario" /> 
            <input type="text" name="resultadosa" value="" id="resultadosa">
            <input name="bandera" type="hidden" id="bandera" value="1">
            <input type="submit" name="button" id="button" value="Enviar">
          </form>
        </div>              
    </body>
</html>
ajax.php

Código PHP:
<?php
include_once 'usuarios.class.php';

$usuario = new Usuarios();

echo 
json_encode($usuario->buscarUsuario($_GET['term']));
usuarios.class.php ---> conexión de base de datos se maneja desde aqui.

Código PHP:
<?php
class Usuarios
{
    public function  
__construct() {
        
///aqui pones tus datos de conexion
        
$dbhost 'host';
        
$dbuser 'usuario';
        
$dbpass 'contraseña';
        
$dbname 'base_de_datos';

        
mysql_connect($dbhost$dbuser$dbpass);

        
mysql_select_db($dbname);
    }

    public function 
buscarUsuario($nombreUsuario){
        
$datos = array();
////// indicamos la tabla para hacer la busqueda y la columna especifica dentro de la tabla en este caso "cie" es la tabla y "descripcion" es la columna
        
$sql "SELECT * FROM cie
                WHERE descripcion LIKE '%$nombreUsuario%' LIMIT 0,10"
;

        
$resultado mysql_query($sql);

        while (
$row mysql_fetch_array($resultadoMYSQL_ASSOC)){
            
////asociamos los datos obtenidos a un array 
            ///EJ: mi tabla "cie" tenia los campos descripcion y codigo, asi que asigne a "descripcion" el nombre de "value" dentro 
            //de mi array y a "codigo" le asigne el nombre de "foto". 
            
$datos[] = array("value" => $row['descripcion'],
                            
"foto" => $row['codigo']);
        }

        return 
$datos;
ahora descargar estos archivos y descomprime todo en tu carpeta de servidor (son los JS y CSS que no son muy importantes para subirlos por código). http://cruzyacevedo.com/forosdelweb/adjuntos.zip

Si deseas descargar todo el código completo aquí se los dejo. http://cruzyacevedo.com/forosdelweb/completo.zip

Si no es clara la explicación me dicen y subo un videotutorial y el ejemplo en linea.
  #2 (permalink)  
Antiguo 17/07/2013, 10:58
 
Fecha de Ingreso: julio-2013
Mensajes: 1
Antigüedad: 6 años, 1 mes
Puntos: 0
Respuesta: [APORTE] Llenado de varios campos con autocomplete

Hola, TANIA1993. Vi tu aporte y quise probarlo, pero los link de los js y css que dejaste no funcionan, me gustaría los publicaras para poder observar tu aporte en funcionamiento.
  #3 (permalink)  
Antiguo 17/07/2013, 12:01
 
Fecha de Ingreso: julio-2009
Mensajes: 11
Antigüedad: 10 años, 1 mes
Puntos: 1
Respuesta: [APORTE] Llenado de varios campos con autocomplete

Cita:
Iniciado por Hlet Ver Mensaje
Hola, TANIA1993. Vi tu aporte y quise probarlo, pero los link de los js y css que dejaste no funcionan, me gustaría los publicaras para poder observar tu aporte en funcionamiento.
Descarga los archivos de http://cruzyacevedosas.com/forosdelweb/adjuntos.zip

y todo el proyecto en http://cruzyacevedosas.com/forosdelweb/completo.zip

espero te ayude :)

Etiquetas: ajax, autocompletado, imputs, inputs
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 07:50.