Necesito tener informacion de como realizar aplicacion ajax que me permita mostrar datos actualizados en el formulario correspondiente.
Para ello genere un formulario por cada registro con un nombre que va de form1....form99 dentro de un div (f1...f99), necesito que al momento de hacer onchange me actualize los datos y vuelva con los nuevos datos al formulario correspondiente.
Espero darme a entender, se que se puede hacer pero no tengo el conocimeinto necesario para realizarlo. cualquier informacion u aporte relacionada con el tema sera bienvenida.
Código HTML:
<table width=725px border=1 cellspacing=0 cellpadding=2 id=linea>
<div id="f1">
<form id="form1">
<input type="hidden" name="formulario_origen" value="f1">
<tr class=Estilo3>
<td width=10% align=right id=linea>4215015</td>
<td width=32% align=left id=linea>Goma Junta Homocinetica</td>
<td width=06% align=right id=linea>Cajas</td>
<td width=07% align=right id=linea><input name="unicaj" type="text" value=5 size="5" maxlength="5"></td>
<td width=08% align=right id=linea bgcolor=#F8F8F8>100</td>
<td width=08% align=right id=linea>100</td>
<td width=13% align=left id=linea>
<select name="estante" id="estante" onChange="procesar_formulario(xajax.getFormValues('form1'))">
<option value=0 selected>UBICACION</option>
<option value=1 selected>Ubicacion 1</option>
<option value=2 selected>Ubicacion 2</option>
<option value=3 selected>Ubicacion 3</option>
</select>
</td>
<td width=08% align=center id=linea><img src='noestan.gif' alt='Sin Estanteria'></td>
<td width=08% align=center id=linea><a href='codprofoto.php'><img src='camara.gif' border='0'></a></td>
</tr>
<input type="hidden" name="estado" value="1">
<input type="hidden" name="codigo" value="4215015">
<input type="hidden" name="cantidad" value="100">
<input type="hidden" name="tipo" value="NP">
<input type="hidden" name="numero" value="2548">
<input type="hidden" name="local" value="9">
<input type="hidden" name="wrecep" value="1">
</form>
</div>
<div id=error1></div>
<!-- Se itena N veces segun datos de archivo -->
<div id="f2">
<form id="form2">
<input type="hidden" name="formulario_origen" value="f2">
<tr class=Estilo3>
<td width=10% align=right id=linea>4215015</td>
<td width=32% align=left id=linea>Goma Junta Homocinetica</td>
<td width=06% align=right id=linea>Cajas</td>
<td width=07% align=right id=linea><input name="unicaj" type="text" value=5 size="5" maxlength="5"></td>
<td width=08% align=right id=linea bgcolor=#F8F8F8>100</td>
<td width=08% align=right id=linea>100</td>
<td width=13% align=left id=linea>
<select name="estante" id="estante" onChange="procesar_formulario(xajax.getFormValues('form2'))">
<option value=0 selected>UBICACION</option>
<option value=1 selected>Ubicacion 1</option>
<option value=2 selected>Ubicacion 2</option>
<option value=3 selected>Ubicacion 3</option>
</select>
</td>
<td width=08% align=center id=linea><img src='noestan.gif' alt='Sin Estanteria'></td>
<td width=08% align=center id=linea><a href='codprofoto.php'><img src='camara.gif' border='0'></a></td>
</tr>
<input type="hidden" name="estado" value="1">
<input type="hidden" name="codigo" value="4215015">
<input type="hidden" name="cantidad" value="100">
<input type="hidden" name="tipo" value="NP">
<input type="hidden" name="numero" value="2548">
<input type="hidden" name="local" value="9">
<input type="hidden" name="wrecep" value="1">
</form>
</div>
<div id=error2></div>
<!-- Se itena N veces segun datos de archivo -->
<div id="f3">
<form id="form3">
<input type="hidden" name="formulario_origen" value="f3">
<tr class=Estilo3>
<td width=10% align=right id=linea>4215015</td>
<td width=32% align=left id=linea>Goma Junta Homocinetica</td>
<td width=06% align=right id=linea>Cajas</td>
<td width=07% align=right id=linea><input name="unicaj" type="text" value=5 size="5" maxlength="5"></td>
<td width=08% align=right id=linea bgcolor=#F8F8F8>100</td>
<td width=08% align=right id=linea>100</td>
<td width=13% align=left id=linea>
<select name="estante" id="estante" onChange="procesar_formulario(xajax.getFormValues('form3'))">
<option value=0 selected>UBICACION</option>
<option value=1 selected>Ubicacion 1</option>
<option value=2 selected>Ubicacion 2</option>
<option value=3 selected>Ubicacion 3</option>
</select>
</td>
<td width=08% align=center id=linea><img src='noestan.gif' alt='Sin Estanteria'></td>
<td width=08% align=center id=linea><a href='codprofoto.php'><img src='camara.gif' border='0'></a></td>
</tr>
<input type="hidden" name="estado" value="1">
<input type="hidden" name="codigo" value="4215015">
<input type="hidden" name="cantidad" value="100">
<input type="hidden" name="tipo" value="NP">
<input type="hidden" name="numero" value="2548">
<input type="hidden" name="local" value="9">
<input type="hidden" name="wrecep" value="1">
</form>
</div>
<div id=error3></div>
<!-- Se itena N veces segun datos de archivo -->
<div id="f4">
<form id="form4">
<input type="hidden" name="formulario_origen" value="f4">
<tr class=Estilo3>
<td width=10% align=right id=linea>4215015</td>
<td width=32% align=left id=linea>Goma Junta Homocinetica</td>
<td width=06% align=right id=linea>Cajas</td>
<td width=07% align=right id=linea><input name="unicaj" type="text" value=5 size="5" maxlength="5"></td>
<td width=08% align=right id=linea bgcolor=#F8F8F8>100</td>
<td width=08% align=right id=linea>100</td>
<td width=13% align=left id=linea>
<select name="estante" id="estante" onChange="procesar_formulario(xajax.getFormValues('form4'))">
<option value=0 selected>UBICACION</option>
<option value=1 selected>Ubicacion 1</option>
<option value=2 selected>Ubicacion 2</option>
<option value=3 selected>Ubicacion 3</option>
</select>
</td>
<td width=08% align=center id=linea><img src='noestan.gif' alt='Sin Estanteria'></td>
<td width=08% align=center id=linea><a href='codprofoto.php'><img src='camara.gif' border='0'></a></td>
</tr>
<input type="hidden" name="estado" value="1">
<input type="hidden" name="codigo" value="4215015">
<input type="hidden" name="cantidad" value="100">
<input type="hidden" name="tipo" value="NP">
<input type="hidden" name="numero" value="2548">
<input type="hidden" name="local" value="9">
<input type="hidden" name="wrecep" value="1">
</form>
</div>
<div id=error4></div>
</table> Nota: la aplicacion va a buscar datos mediante CGI, para archivos planos, no corresponde a bases de datos ni simple formulario que va y vuelve.
De ante mano gracias.