Ver Mensaje Individual
  #6 (permalink)  
Antiguo 17/04/2009, 10:28
Avatar de eall
eall
 
Fecha de Ingreso: noviembre-2008
Ubicación: Concepcion
Mensajes: 127
Antigüedad: 16 años
Puntos: 8
De acuerdo Respuesta: Direccionar resultado de un Live Search a un textbox especifico

descarga este plugin http://plugins.jquery.com/project/autocompletex y jQuery

incluyes estos archivos
Código javascript:
Ver original
  1. <script type="text/javascript" src="js/jquery.js"></script>
  2. <script type='text/javascript' src="js/jquery.autocomplete.js"></script>
  3. <link rel="stylesheet" type="text/css" href="js/jquery.autocomplete.css" />
  4. <script type="text/javascript" src="js/jquerymenu/jqueryslidemenu.js"></script>
  5. <script type='text/javascript' src="js/jquery.autocomplete.js"></script>

luego creas la función javascript jQuery
Código javascript:
Ver original
  1. <script type="text/javascript" >
  2.  
  3. $(document).ready(function(){
  4.  
  5.         $('#txtNombre').autocomplete('search.php?tip=a&opt=1', {
  6.             width: 260,
  7.             selectFirst: false
  8.         }).result(function(event, data, formatted) {
  9.             $('#txtNombre').val(data[1]);
  10.             $('#txtEdad').val(data[2]);
  11.             $('#txtDireccion').val(data[3]);
  12.             $('#selSexo').val(data[4]);
  13.             $('#selEstCivil').val(data[5]);
  14.         });
  15. });
  16. </script>

luego creas un archivo llamado search.php y le colocas este codigo y reemplazas la consulta y el resultado

Código php:
Ver original
  1. <?php
  2. require_once ("conexion/class.conexionDB.inc.php");
  3. $conn = new conexionBD ( );
  4. extract ( $_GET );
  5.  
  6. /* Consulta a Bases de datos. */
  7. if (isset ( $tip ) && $tip == 'a'){
  8.     if ($opt == 1) {
  9.         $sql = " SELECT DISTINCT
  10.                    PER_NOMBRE,
  11.                    PER_EDAD,
  12.                    PER_DIRECCION,
  13.                    PER_SEXO,
  14.                    PER_ESTCIVIL
  15.                FROM
  16.                    PERSONA";
  17.         if($q != ""){
  18.             $sql .= " WHERE
  19.                        (PER_NOMBRE like N'%$q%')  ";
  20.         }
  21.         $sp = $conn->EjecutarSQL ( $sql );
  22.         //$separador = "MOD: ";
  23.         while ( $row5 = $conn->FetchArray( $sp ) ) {
  24.             $str .= trim ( $row5 [PER_NOMBRE] ) . " $row5[PER_EDAD] - $row5[PER_SEXO]";  //LO QUE SERA MOSTRADO EN EL RECUADRO DESPLEGABLE
  25.             $str .= '|';
  26.             $str .= trim ( $row5 [PER_NOMBRE] ); //LO QUE ASIGNAREMOS AL CAMPO NOMBRE
  27.             $str .= '|';
  28.             $str .= trim ( $row5 [PER_EDAD] );
  29.             $str .= '|';
  30.             $str .= trim ( $row5 [PER_DIRECCION] );
  31.             $str .= '|';
  32.             $str .= trim ( $row5 [PER_SEXO] );
  33.             $str .= '|';
  34.             $str .= trim ( $row5 [PER_ESTCIVIL] );
  35.             $str .= "\n";
  36.         }
  37.     }
  38. }
  39.  
  40. echo $str;
  41. ?>

recuerda colocar nombres e ID distintas para cada campo, ya que JS trabaja con las ID.

Que estes bien y espero que te resulte.