LLenar Tabla

mixzplit · #1 (**permalink**) 09/03/2011, 20:42

HOla compañeros, tengo el siguiente problema:

Tengo un formulario con 2 campos y los datos que guardo me muestra en una tabla que se carga dinamicamente a traves de AJAX, mi pregunta es si existe algun modo de llenar esta tabla sin insertar los datos en MySQL?. Lo que intento hacer es un proceso de facturacion donde ingrese varios items y luego con otro boton guardar los datos rellenados en esa tabla y demas campos que yo vaya a ir agregando, coloco aqui los archivos que estoy usando:

DPMOVINV_FRONT.PHP

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="ajax.js"></script>
</head>

<body>


<form name="productos"  action="" onsubmit="enviarDatos(); return false" >

      <table width="200" border="0">
	   <tr>
        <td bgcolor="#CCCCCC" ><label>Codigo:</label></td>
        <td bgcolor="#CCCCCC" ><label><input type="text" name="codigo" size="15" ></label></td>
        <td bgcolor="#CCCCCC" ><label>Cantidad:</label></td>
        <td bgcolor="#CCCCCC" ><label><input type="text" name="cantidad" size="10" ></label></td>
        
             
       </tr> 
</table>
<label>
      	   <input type="submit" name="Submit1" value="Grabar" />
  </label>
  <label>
      	   <input type="submit" name="borrar" value="Cancelar" />
  </label>
  </form>
  <p>
 <div id="resultado">
 
  <?php include('tabla.php') ?>

</div>


</body>
</html>

AJAX.JS

Código Javascript:

Ver originalfunction objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
           xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
 
 
function enviarDatos(){
    //donde se mostrará lo resultados
    divResultado = document.getElementById('resultado');
    //valores de los inputs
    cod=document.productos.codigo.value;
    cant=document.productos.cantidad.value;
    
    //instanciamos el objetoAjax
    ajax=objetoAjax();
    //uso del metodo POST
    //archivo que realizará la operacion
    ajax.open("POST","dpmovinv.php",true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            //mostrar resultados en esta capa
            divResultado.innerHTML = ajax.responseText
            //llamar a funcion para limpiar los inputs
            LimpiarCampos();
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    //enviando los valores
 
    ajax.send("&codigo="+cod+"&cantidad="+cant)
 
}
 
function LimpiarCampos(){
    document.productos.codigo.value="";
    document.productos.cantidad.value="";
    document.productos.codigo.focus();
}

TABLA.PHP

Código PHP:

  
<?php 
 
include('conex.php'); 
 
 
$sql=mysql_query("SELECT MOV_ITEM,MOV_CODIGO,MOV_CANTID FROM dpmovinvtempo"); 
 
?> 
<table style="border:1px solid #FF0000; color:#000;width:760px;"> 
<tr style="background:#1c68be;"> 
    <td>Item</td> 
    <td>Codigo</td> 
    <td>Cantidad</td> 
     
</tr> 
 
<?php 
 
while($row = mysql_fetch_array($sql)) 
{ 
    echo "    <tr>"; 
    echo "         <td>".$row['MOV_ITEM']."</td>"; 
    echo "         <td>".$row['MOV_CODIGO']."</td>"; 
    echo "         <td>".$row['MOV_CANTID']."</td>"; 
    echo "    </tr>"; 
} 
?> 
</table>

DPMOVINV.PHP

Código PHP:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin título</title> 
</head> 
 
<body> 
 
<?php 
 
include('conex.php'); 
$cod=$_POST['codigo']; 
$cant=$_POST['cantidad']; 
$item = $item + 1; 
 
$sql = "INSERT INTO dpmovinvtempo (MOV_ITEM,MOV_CODIGO,MOV_CANTID) VALUES ('$item','$cod','$cant') "; 
 
mysql_query($sql); 
 
include('tabla.php'); 
 
?> 
 
</body> 
</html>

Espero puedan ayudarme. Saludos

IsaBelM · #2 (**permalink**) 10/03/2011, 06:09

lo que intentas hacer es como un carrito de compras. esto se hace o con sesiones o con tablas temporales. pregunta en el foro de php
alguna corrección a tu código
este primer ampersand no es necesario

Cita:

ajax.send("&codigo="+cod+"&cantidad="+cant)

la función LimpiarCampos() no es necesaria. en vez de usar un botón submint usa un boton reset

mixzplit · #3 (**permalink**) 10/03/2011, 06:16

Hola IsabelM, propiamente no es un carrito de compras, es algo como un proceso de facturacion tradicional, donde vas ingresando X cantidad de items y luego se procesan los datos.

Yo utilice tablas temporales para ingresar los datos y luego enviarlos a la tabla real y eliminar los datos de la temporal, pero no me funciono muy bien.

Gracias por tu respuesta y tus sugerencias.

Saludos