[SOLUCIONADO] Al ingresar una clave en un campodetexto, de forma automatica autocompletar los otros

[fagsiscom]

Hola buenas tardes, estoy haciendo un sistema para controlar un almacén, para unas prácticas, ya tengo gran parte del código pero me atore en una parte:
Tengo un formulario así:

<form id="form1" name="form1" method="POST" action="<?php echo $editFormAction; ?>">
<div align="center">
<p><span class="ari">AGREGAR INFORMACIÓN DE ARTÍCULOS:</span></p>
<table width="314" border="1">
<tr>
<td width="147" align="center" valign="middle"><span class="ari">Clave Del Articulo:</span></td>
<td width="151" align="center" valign="middle"><span class="ari">
<input type="text" name="clavearticulo" id="clavearticulo" />
</span></td>
</tr>
<tr>
<td align="center" valign="middle"><span class="ari">Articulo:</span></td>
<td align="center" valign="middle"><span class="ari">
<input type="text" name="articulo" id="articulo" />
</span></td>
</tr>
<tr>
<td align="center" valign="middle"><span class="ari">Unidad</span></td>
<td align="center" valign="middle"><span class="ari">
<input type="text" name="unidad" id="unidad" />
</span></td>
</tr>
<tr>
<td align="center" valign="middle"><span class="ari">Cantidad:</span></td>
<td align="center" valign="middle"><span class="ari">
<input type="text" name="cantidad" id="cantidad" />
</span></td>
</tr>
<tr>
<td align="center" valign="middle"><span class="ari">Área:</span></td>
<td align="center" valign="middle"><span class="ari">
<input type="text" name="area" id="area" />
</span></td>
</tr>
</table>

Lo que pretendo es que cuando el usuario ingrese "clavearticulo" y cambie de celda o la deseleccione, en los demás campos se cargue la información referente a esa clave (la información está en mysql y ya tengo la conexión y consulta).
¿Alguna recomendación?

[Erick_MD9]

Usa ajax.

Saludos

[fagsiscom]

Gracias por la prontarespuesta,
prodrias darme un ejemplo de como podria utilizar ajax?

[Erick_MD9]

Aca deje unas funciones y uso basico.
http://www.forosdelweb.com/f18/pasar-variable-con-ajax-php-1070906/

Saludos.

[fagsiscom]

Gracias , lo reviso!!!

[fagsiscom]

buenas tardes ya tengo una forma de logar mi cometido pero ahora lo que no se es como hacer para recibir las variables para cada campo de mi formulario.

<script type="text/javascript">
$(document).on("ready",function()
{$('input#clavearticulo').blur(function(){
var clave=$('input#clavearticulo').val()

$.ajax({
url: "consultabd.php",
data: "id_articulo="+clave+"",
success: function(html){
$(":input#articulo").val(html);
//estas son las partes que faltan $(":input#area").val(html);
//estas son las partes que faltan $(":input#unidad").val(html);


}
});

});});


</script>

lo que hice fue mandar el valor del primer campo de texto, para que me haga la consulta en la bd, y ya me aroja la informaicon que requiero, pero como recupero el html como valor solo puedo recuperar un campo. hay forma de recuperar variables en lugar del html para asi insertarlas.


esta es la consulta:

<?php require_once('../../Connections/almacen.php');
mysql_select_db($database_almacen, $almacen);
$consulta=sprintf(
"SELECT *"
." FROM almacen.inventario"
." WHERE clavearticulo='".$_GET["id_articulo"]."'");

$query =mysql_query($consulta, $almacen)

or die(mysql_error());

while($row = mysql_fetch_assoc($query))
{
$salida.= $row["articulo"];
}
echo $salida;


?>

Alguna idea? jeje gracias

[autonotel]

Creo que para eso vas a necesitar un poco más de javascript. O bien construir el formulario desde consultabd.php y representarlo en el div donde tengas el formulario, sustituyéndolo por el que hay (fórmula rápida).

Por favor decidle a vuestros profesores que os enseñen a no utilizar tablas!!!

[fagsiscom]

si entiendo lo que quires decir: y así ya lo logre hacer pero tengo la inquietud de como enviar variales y como resibirlas en ajax.

la construccion de la tabla con php seria algo asi:

echo "<table border = '1'>";
echo "<tr>";
echo "<td><b>articulo</b></td>";
echo "<td><b>unidad</b></td>";
echo "<td><b>cantidad</b></td>";
echo "<td><b>área</b></td>";

echo "</tr>";

// y luego la consulta con los row

while ($row = mysql_fetch_row($result)){

echo "<tr>";
echo "<td>$row[0]</td>";
echo "<td>$row[1]</td>";
echo "<td>$row[2]</td>";
echo "<td>$row[3]</td>";



echo "</tr>";

}

echo "</table>";

************************************************** ****************
es a lo que te refieres y una vez efectuada la tabla llamarla con ajax?

[autonotel]

Lo que debes hacer es imprimir el resultado dentro de un div. Normalmente en Ajax se asigna un div para representar el html del archivo al que llamas.
function llamadaajax(url, id_contenedor){
ajax = objetoAjax();
ajax.onreadystatechange=function(){ // función de respuesta
if (ajax.readyState == 4){
retornado = cargarpagina(ajax, id_contenedor);
eval(retornado);
}
//alert(retornado);

}
ajax.open('GET', url, true); // asignamos los métodos open y send
ajax.send(null);
}

Llamas a esta función con el acto que decías al principio.
llamadaajax('consultabd.php', 'eliddeldiv');

Dentro del div <div id="eliddeldiv"></div> eliddeldiv debería ir el formulario, y la llamada ajax sustituiría el contenido de ese div.

[fagsiscom]

a perfecto a plicado y funcionando. Gracias