Foros del Web » Programando para Internet » Javascript » Frameworks JS »

actualizar formularios multiples en una aplicacion.

Estas en el tema de actualizar formularios multiples en una aplicacion. en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/11/2010, 13:20
 
Fecha de Ingreso: octubre-2005
Mensajes: 405
Antigüedad: 18 años, 5 meses
Puntos: 1
actualizar formularios multiples en una aplicacion.

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.

Etiquetas: ajax, multiples, formulario, aplicaciones
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




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