Pueden verlo en linea http://www.anexcons.com/demo.html tambien les dejo el codigo
Código:
1) El problema es el siguiente... cuando yo ingreso una cantidad esta realiza las funciones correctas y multiplica la cantidad por el precio unitario monstrandolo en el acumulado... pero SOLO en la primera fila, en la segunda no aparece nada...<script language="javascript"> function add(){ var a=0; var num=0; var TABLE = document.getElementById("tabla"); var TROW = document.getElementById("fila"); var content = TROW.getElementsByTagName("td"); var newRow = TABLE.insertRow(-1); var newCell = newRow.insertCell(newRow.cells.length); ar = 'RACK LCD de 19-21'; newCell.innerHTML = ar; var newCell = newRow.insertCell(newRow.cells.length); ++num; ca = '<input name="ca'+num+'" type="text" size="5">'; newCell.innerHTML = ca; //Parte Logica a = document.form1.cnt.value; document.form1.ca1.value=(a); var newCell = newRow.insertCell(newRow.cells.length); pr = '<input name="pr1" value="120" type="text" size="5">'; newCell.innerHTML = pr; b = document.form1.pr1.value; var newCell = newRow.insertCell(newRow.cells.length); pa = '<input name="pa1" type="text" size="5">'; newCell.innerHTML = pa; document.form1.pa1.value=(a*b); var newCell = newRow.insertCell(newRow.cells.length); // creamos una nueva ID para el boton de remover btn = '<input type="button" value="X" onclick="remove(this)">'; newCell.innerHTML = btn; } function remove(obj) { fila = obj.parentNode.parentNode; document.getElementById('tabla').removeChild(fila); } </script> <form name="form1"> <table width="33%" border="0" bgcolor="#999999" > <tr> <td width="8%"><div align="center" class="Estilo4"><span class="Estilo8">1</span></div></td> <td width="58%" align="center" valign="middle"><div align="center"><span class="Estilo3" style="font-size: 12pt"> <select name="ar1" size="1" id="ar1" onchange="boleta()"> <option value="">-- Seleccione su compra --</option> <option value="">Rack LCD 15-21º Giratorio</option> <option>Rack LCD 22-32º Giratorio</option> <option>Rack LCD 32-42º Giratorio</option> <option>Rack LCD 23-32º Techo</option> <option>Rack LCD 32-42º Techo</option> <option value="">Rack LCD 15-21º Riel Fijo</option> <option value="">Rack LCD 23-32º Riel Fijo</option> <option>Rack LCD 32-42º Riel Fijo</option> </select> </span></div></td> <td width="11%" align="center" valign="middle"><div align="center"><span class="Estilo3" style="font-size: 12pt"><span class="Estilo3" style="font-size: 12pt"> <input name="cnt" type="text" id="cnt" value="0" size="5" maxlength="2" /> </span></span></div></td> <td width="23%" align="center" valign="middle"><input type="button" value="Add" onclick="add()" /></td> </tr> </table> <p> </p> <table width="816" border="1"> <tbody id="tabla"> <tr id="fila"> <td width="254">Articulo Adicionado:</td> <td width="165">Cantidad a Pedir:</td> <td width="121">Precio Unitario:</td> <td width="121">Acumulado:</td> <td width="121">Accion:</td> </tr> </table> </form>
2) Mi segundo problema es este como hago para usar los SWITCH para cada opción de mi lista de articulos, ya que lo intente y no me funciono.
3) OPCIONAL este es un bonus que quiero meter en ves de usar un boton para eliminar las filas, quisiera usar una imagen, lo vi por ahi pero no me acuerdo creo que se insertava javascript en las etiquetas de hipervinculo..
Espero su ayuda GRACIAS