Foros del Web » Programando para Internet » Javascript »

Ajax, al agregar una linea no se pierdan los datos anteriores

Estas en el tema de Ajax, al agregar una linea no se pierdan los datos anteriores en el foro de Javascript en Foros del Web. Hola!! He tenido mil problemas tratando de insertar cada fila de una tabla al darle clic a un boton, y apenas lo logre hacer consultando ...
  #1 (permalink)  
Antiguo 02/07/2012, 19:12
 
Fecha de Ingreso: mayo-2011
Mensajes: 11
Antigüedad: 12 años, 11 meses
Puntos: 0
Ajax, al agregar una linea no se pierdan los datos anteriores

Hola!!

He tenido mil problemas tratando de insertar cada fila de una tabla al darle clic a un boton, y apenas lo logre hacer consultando mucho me di cuenta que se pierden los datos.

Cuando aparece el formulario, le doy clic en el boton agregar y me aparece una fila nueva, lleno los input pero al dar clic para otra linea se pierden los datos anteriores!!

Apenas tenga todo el codigo funcionando lo comparto como leshabia dicho en un post anterior.

Aca esta el codigo!! Les agradeceria cualquier tipo de ayuda!!


[HIGHLIGHT="HTML"]<?php
session_name("administrar");
session_start();
?>

<?php
if ($_SESSION["autentificado"] != "SI")
{ header("Location:../index.php"); exit(); }
else
{
$usuario = $_SESSION["usuario"];
$no_orden1 = 1;

include_once("../lib/dblib.php");
$consultaorden = db_connect();
$consultaorden= db_query("S
  #2 (permalink)  
Antiguo 03/07/2012, 08:07
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Ajax, al agregar una linea no se pierdan los datos anteriores

@alejitagomez1987 :
Pongámonos de acuerdo, Ajax = Javascript y mostrás un fragmento de php, que además no dice gran cosa
¿Qué es lo que querés hacer?

__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 03/07/2012, 09:05
 
Fecha de Ingreso: mayo-2011
Mensajes: 11
Antigüedad: 12 años, 11 meses
Puntos: 0
Respuesta: Ajax, al agregar una linea no se pierdan los datos anteriores

Pongo de nuevo el mensaje, ya q antes se perdio toda la info!!

La idea es que al darle clic al boton agregar se inserte una fila, alli lleno los datos y puedo seguir insertando mas filas; Pero al darle clic al boton para insertar otra fila se borran los datos que acabo de escribir, lo que necesito es q al darle clic para insertar mas filas quede la informacion que ya habia escrito el usuario.

Apenas tenga todo el codigo funcionando lo comparto como leshabia dicho en un post anterior.

Aca esta el codigo!! Les agradeceria cualquier tipo de ayuda!!

Código HTML:
Ver original
  1. <?php
  2.  session_name("administrar");
  3.  session_start();
  4. ?>
  5.  
  6. <?php
  7.  if ($_SESSION["autentificado"] != "SI")
  8.    { header("Location:../index.php"); exit(); }
  9.  else
  10.  {
  11.    $usuario = $_SESSION["usuario"];
  12.     $no_orden1 = 1;
  13.  
  14.     include_once("../lib/dblib.php");  
  15.     $consultaorden = db_connect()
  16.     $consultaorden= db_query("SELECT * from orden_servicio where no_orden = '$no_orden1' ");
  17.     if($nf = db_num_rows($consultaorden)>0)
  18.         {      
  19.         $registro = db_fetch_array($consultaorden);
  20.         $no_orden1 = $registro['no_orden'];        
  21.         }    
  22.     }  
  23. ?>
  24. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  25. <html xmlns="http://www.w3.org/1999/xhtml">
  26. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  27. <title>ORDEN DE SERVICIO</title>
  28. <link rel="shortcut icon" href="../../img/favicon.ico" />
  29. <link href="../css/estilos.css" rel="stylesheet" type="text/css" />
  30. <link href="../css/screen.css"  rel="stylesheet" type="text/css" media="screen"  />
  31. <script src="../js/jquery.js" type="text/javascript"></script>
  32. <script src="../js/jquery.validate.js" type="text/javascript"></script>
  33. <script src="../js/jquery.metadata.js" type="text/javascript"></script>                                                                      
  34. <link type="text/css" href="../js/ui/themes/base/ui.all.css" rel="stylesheet" />
  35. <script type="text/javascript" src="../js/ui/jquery-1.3.2.js"></script>
  36. <script type="text/javascript" src="../js/ui/ui.core.js"></script>
  37. <script type="text/javascript" src="../js/ui/ui.datepicker.js"></script>
  38. <link type="text/css" href="../js/ui/demos.css" rel="stylesheet" />
  39. <script type="text/javascript">
  40. $(document).ready(function() {
  41.     $("#commentForm").validate({meta:"validate"});
  42. });
  43.  
  44. function pruebaAleja(){
  45. var v = $("#noorden").attr("value");
  46. contador=$('#campoOculto').val();
  47. contador=parseInt(contador)+parseInt(1);
  48. $('#campoOculto').val(contador);
  49.   $.ajax({
  50.      type: "POST",
  51.      url: "selects.php",
  52.      data:"codigo="+v+"&contador1="+contador,
  53.     async: false,
  54.     success: function(cadena){
  55.      cadena=$('#cuerpoTablas').html()+cadena;        
  56.      $('#cuerpoTablas').html(cadena);
  57.                               }  
  58.         });  
  59.                    }
  60.                    
  61. function pruebaAlejas(){
  62. var c = $("#descripcion_"+contador).attr("value");
  63. alert(c);
  64. }                                  
  65. </head>
  66.  
  67. <div id="wraper">
  68.     <table width="100%" border="0" cellspacing="0" cellpadding="0">
  69.         <tr>
  70.         <div id="imprimir">
  71.           <td id="marco">
  72.                  <p align="right"><span class="Estilo3 titulo"><strong>ORDEN DE SERVICIO No</strong></span>. <?php echo $no_orden1; ?></p>                           
  73.               <form action="ordenservicio_1.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
  74.                     <p align="center" class="Estilo7">&nbsp;</p>
  75.                     <p align="center" class="Estilo7">DETALLE REPUESTOS </p>
  76.                     <table id=cuerpoTabla width="800" border="1">
  77.                      <tr>
  78.                        <td width="180"><div align="center">REFERENCIA</div></td>
  79.                        <td width="250"><div align="center">DESCRIPCIN</div></td>                       
  80.                        <td width="50"><div align="center">CANT.</div></td>
  81.                        <td width="160"><div align="center">VR UNI. </div></td>
  82.                        <td width="160"><div align="center">VR TOTAL </div></td>
  83.                      </tr></table>
  84.                    
  85.                     <div id="cuerpoTablas"></div>              
  86.                     <p><input type="hidden" name="noorden" id="noorden" value= <?php echo $no_orden1;?>/>
  87.                     <input type="hidden" name="campoOculto" id="campoOculto" value=0/></p>                       
  88.                     <input type="button" name="agregar" id="agregar" value="Agregar" onclick="pruebaAleja();" />
  89.                     <p><input type="submit" name="Submit" value="Guardar" /></p>
  90. </form></td></div></tr></table></div></body></html>


Este es el archivo por medio del cual construyo los select y hago la sentencia html

Código HTML:
Ver original
  1. <?php session_name("administrar"); session_start(); ?>
  2. <?php
  3.  if ($_SESSION["autentificado"] != "SI")
  4.  {
  5.      header("Location:../login.php");
  6.      exit();
  7.  }
  8.  else
  9.  {
  10.   $no_orden1 = $_REQUEST['codigo'];  
  11.   $valor = $_REQUEST['contador1'];
  12.   include_once("../lib/dblib.php");
  13.    $consulta = db_connect();   
  14.    $consulta1 = db_connect();          
  15.   $consulta = db_query("SELECT * from maquina WHERE no_orden = '$no_orden1'");
  16.   $consulta1 = db_query("SELECT * from inventario");
  17.    if($nf = db_num_rows($consulta)>0)
  18.     {          
  19.     $selectMaquinas = '';
  20.       while ($reg=db_fetch_array($consulta))
  21.       {
  22.       $selectmaq =  "<select id=\"maquina_$valor\" name=\"maquina_$valor\">";
  23.       $selectMaquinas = $selectMaquinas . "<option value = \"". $reg['id_maquina'];
  24.       $selectMaquinas = $selectMaquinas . "\">". utf8_encode($reg['referencia']) . "</option>";  
  25.       }
  26.    
  27.     $Maquina = $selectmaq . $selectMaquinas .  "</select>";  
  28.      } 
  29.    
  30.     if($nf = db_num_rows($consulta1)>0)
  31.     {          
  32.     $selectInventario = '';
  33.       while ($reg1=db_fetch_array($consulta1))
  34.       {              
  35.       $selectinv =  "<select id=\"descripcion_$valor\" name=\"descripcion_$valor\">";
  36.       $selectInventario = $selectInventario . "<option value = \"". $reg1['codigo'];
  37.       $selectInventario = $selectInventario . "\">". utf8_encode($reg1['referencia']) ."</option>";  
  38.       }
  39.     $Inventario = $selectinv . $selectInventario ."</select>";   
  40.      } 
  41. $cadena='<tr><td width="180">'.$Maquina.'</td><td width="250">'.$Inventario.'</td><td width="50"><input id="cantidad_'.$valor.'" name="cantidad_'.$valor.'" onChange="pruebaAlejas();" type="text" size="2" value=""/></td><td width="160"><input id="vuni_'.$valor.'" name="vuni_'.$valor.'" type="text" size="7" readonly="readonly"/></td><td width="160"><input id="vtotal_'.$valor.'" name="vtotal_'.$valor.'" type="text" size="7" readonly="readonly" value=""/></td></tr>';
  42. echo ($cadena);
  43. }
  44. ?>

Etiquetas: ajax, anteriores, formulario, funcion, html, input, js, php, select, botones
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 20:28.