Autocompletar varios Campos

josevm3000 · #1 (**permalink**) 26/07/2010, 17:15

Buenas señores, les explico mi situacion: Tengo una Base de datos con los campos "nombre", "dni", "ruc". En mi HTML tengo 3 campos tambien con los mismos nombres. LO que realice gracias a SAN GOOGLE y a este FORO es que al momento de escribir el nombre, automaticamente se completa el DNI.

Ahor mi problema es hacer q se autocomplete el DNI y el RUC a la vez. Tengo el codigo casi listo, lo que no tengo claro es como poder recibir en mi funcion del script dos variables, en este caso el "dni" y el "ruc". Ahi les copio el codigo.

Código del principal.php en donde esta el script, el problema es en function mostrar_respuesta(respuesta), que esta recibiendo una variable nada mas de la pagina script.php

Código PHP:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Generar Orden</title>
 
<script type="text/javascript" src="prototype.js"></script>
 
<script language="javascript">
function conseguirResultados() {
contenido = $('caja1').value;
var peticion = new Ajax.Request( 'script.php', { method: 'post', parameters: 'cont='+contenido, onComplete: mostrar_respuesta } ); 
}
 
function mostrar_respuesta(respuesta) {
$('caja2').value = respuesta.responseText;
$('caja3').value = respuesta.responseText;
}
 
</script>
 </head>
<body style="margin:0px">
 
<form id="form1" name="form1" method="post" action="">
            <fieldset class="orden">
            <legend>Datos de Orden</legend>
            <table width="760" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <th colspan="4" align="left" scope="col">&nbsp;</th>
                </tr>
              <tr>
                <td align="left" class="Estilo4">Nombre</td>
                <td colspan="3" align="left"><input name="caja1" type="text" id="caja1" onchange="conseguirResultados();"/></td>
              </tr>
              <tr>
                <td align="left" class="Estilo4">DNI</td>
                <td colspan="3" align="left">
                <input name="caja2" type="text" id="caja2" /></td>
                </tr>
              <tr>
                <td align="left" class="Estilo4">RUC</td>
                <td colspan="3" align="left"><input name="caja3" type="text" id="caja3" /></td>
              </tr>
              <tr>
                <td align="left" class="Estilo4">&nbsp;</td>
                <td colspan="3" align="left">&nbsp;</td>
              </tr>
            </table>
           </fieldset>
          </form>
          </body>
</html>

Codigo del script.php

Código PHP:

Ver original<?php
$conexion = mysql_connect('localhost','root','') or die (mysql_error());
mysql_select_db('sistema') or die (mysql_error());
 
$sql = mysql_query("SELECT dni_cliente FROM cliente WHERE nombre_cliente='".$_POST['cont']."'") or die (mysql_error());
 
$resultado_sql = mysql_fetch_array($sql);
 
echo $resultado_sql['dni_cliente'];
 
 
?>

He aqui mi confuncion, este script.php esta devolviendo un valor como hago para devolver dos valores y que lo reciba la function mostrar_respuesta(respuesta) de principal.php

No estoy seguro si solo hago dos "echo" o como?

Espero ser claro en mi duda. Gracias

exxqizofrenicoo · #2 (**permalink**) 26/07/2010, 18:09

y si generas un xml con el php que te deje los 2 resultados.
y luego lo parseas en js y los muestras.
o quizas como son tan solo 2 resultados hacer un echo DNI . " - " . RUC y luego dicho string lo partes segun el "-" y te devolveria 2 string que seria el index 0 el DNI y el 1 el RUC.
con la funcion split("-") te crea dicho array.

josevm3000 · #3 (**permalink**) 26/07/2010, 18:57

Gracias exxqizofrenicoo, estoy viendo como es el tema de XML, ya supuestamente lo genere en XML, podrias decirme si esta bien asi?????

Código PHP:

Ver original<?php
$conexion = mysql_connect('localhost','root','') or die (mysql_error());
//$conexion = mysql_connect('promobsworld.ipowermysql.com','sistema','sistema') or die (mysql_error());
mysql_select_db('bd_sistema_psm') or die (mysql_error());
 
$sql = mysql_query("SELECT dni_cliente FROM cliente WHERE nombre_cliente='".$_POST['cont']."'") or die (mysql_error());
 
$resultado_sql = mysql_fetch_array($sql);
 
// echo $resultado_sql['dni_cliente'];
 
$xml = "<?xml version=\"1.0\" encoding=\"utf-8\"?>
<datos>
<dni>".$resultado_sql['dni_cliente']."</dni>
<ruc>".$resultado_sql['ruc_cliente']."</ruc>
</datos>";
header("Content-Type: Text/xml");
echo $xml; 
?>

Pero ahora no se en realidad como obtenerlo en el JS, para que aparezca en cada caja de texto.

josevm3000 · #4 (**permalink**) 26/07/2010, 20:15

Estube intentando poniendo en el JS el sgte codigo

Código PHP:

Ver original<script language="javascript">
function conseguirResultados() {
contenido = $('caja1').value;
var peticion = new Ajax.Request( 'script.php', { method: 'post', parameters: 'cont='+contenido, onComplete: mostrar_respuesta } ); 
}
 
function mostrar_respuesta(respuesta) {
    
datos=respuesta.responseXML;
$('caja2').value = datos.getElementsByTagName('dni').item(0).firstChild.data;
$('caja3').value = datos.getElementsByTagName('ruc').item(0).firstChild.data;
 
}
 
</script>

Pero no me jala el "ruc", me jala el "dni" solamente. Que estaré haciendo mal? que me falta en ese codigo?

josevm3000 · #5 (**permalink**) 26/07/2010, 21:33

Cita:

Iniciado por josevm3000

Gracias exxqizofrenicoo, estoy viendo como es el tema de XML, ya supuestamente lo genere en XML, podrias decirme si esta bien asi?????

Código PHP:

Ver original<?php
$conexion = mysql_connect('localhost','root','') or die (mysql_error());
//$conexion = mysql_connect('promobsworld.ipowermysql.com','sistema','sistema') or die (mysql_error());
mysql_select_db('bd_sistema_psm') or die (mysql_error());
 
$sql = mysql_query("SELECT dni_cliente FROM cliente WHERE nombre_cliente='".$_POST['cont']."'") or die (mysql_error());
 
$resultado_sql = mysql_fetch_array($sql);
 
// echo $resultado_sql['dni_cliente'];
 
$xml = "<?xml version=\"1.0\" encoding=\"utf-8\"?>
<datos>
<dni>".$resultado_sql['dni_cliente']."</dni>
<ruc>".$resultado_sql['ruc_cliente']."</ruc>
</datos>";
header("Content-Type: Text/xml");
echo $xml; 
?>

Pero ahora no se en realidad como obtenerlo en el JS, para que aparezca en cada caja de texto.

Ya esta solucionado, por si a alguien le interesa, SOLO m habia confundido en el QUERY...... se tiene que poner SELECT * y lo que sigue.

Gracias a los que me ayudaron