Buenos dias!! estoy intentando hacer como un carrito de compra, el problema es q cuando le doy a comprar a un producto me agrega esa fila al carrito, pero si le doy a otro producto, me borra la anterior para agregarme la actual, alguien me puede ayudar a ir agregando filas conforme yo doy a comprar?? muchas gracias!! os dejo el codigo
Código:
<script language="javascript">
function listado(){
var produc1=dwr.util.getValue("seccion");
JProducto.obtenerProductos(produc1,resultado);
}
function resultado(todas){
dwr.util.removeAllOptions("productos");
var tabla="<table border='1'>";
tabla+="<tr><th>Producto</th>";
tabla+="<th>Precio</th>";
tabla+="<th>Descripcion</th></tr>";
for (var i=0;i<todas.length;i++){
tabla+="<tr id='tablap"+i+"'><td>"+todas[i].producto+"</td>";
tabla+="<td>"+todas[i].precio+"</td>";
tabla+="<td>"+todas[i].descripcion+"</td>";
tabla+="<td><a href='javascript:comprar(\"tablap"+i+"\")'>Comprar</a></td></tr>";
}
tabla+="</table>";
DWRUtil.byId("listaproducto").innerHTML=tabla;
}
function comprar(tr){
td = document.getElementById(tr).getElementsByTagName('td');
var tablap="<table border='1' id='tabla1'>";
tablap+="<tr><th>Producto</th>";
tablap+="<th>Precio</th>";
tablap+="<th>Descripcion</th></tr><tr id='at'>";
for (var i = 0; i < td.length-1; i++) {
tablap+="<td>"+td[i].innerHTML+"</td>";
}
tablap+="</tr>";
tablap+="</table>";
DWRUtil.byId("carrito").innerHTML=tablap;
}
</script>