En fin lo adapte para realizar mi formulario pero no me ha funcionado, no me recarga los campos en la tabla.
Esto es lo que tengo:
Código formulario:
Ver original
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="JavaScript"> var contador=0; function agregar() { contador+=1; newrow = document.all.TBD.insertRow(); c = newrow.insertCell(); c.insertAdjacentHTML("afterBegin", "<textarea cols=20 rows=5 name=nombre["+contador+"]></textarea>"); c = newrow.insertCell(); c.insertAdjacentHTML("afterBegin", "<input type=text name=codigo["+contador+"] value=''>"); c = newrow.insertCell(); c.insertAdjacentHTML("afterBegin", "<input type=text name=proveedor["+contador+"] value=''>"); c = newrow.insertCell(); c.insertAdjacentHTML("afterBegin", "<input type=text name=tipo["+contador+"] value=''>"); c = newrow.insertCell(); c.insertAdjacentHTML("afterBegin", "<input type=text name=tex1["+contador+"] value=''>"); c = newrow.insertCell(); c.insertAdjacentHTML("afterBegin", "<input type=text name=precio["+contador+"] value=''>"); c = newrow.insertCell(); c.insertAdjacentHTML("afterBegin", "<input type=text name=iva["+contador+"] value=''>"); c = newrow.insertCell(); c.insertAdjacentHTML("afterBegin", "<textarea cols=30 rows=5 name=observaciones["+contador+"]></textarea>"); } </script> </head> <body> <div align="center"> <p><strong>PRUEBA DE FACTURA</strong></p> <p> </p> <form id="form1" name="form1" method="post" action=""> <table width="525" border="1"> <tr> <td width="64">CIUDAD</td> <td width="144"><label for="ciudad"></label> <input name="ciudad" type="text" id="ciudad" size="15" /></td> <td width="106">PAIS</td> <td width="144"><label for="pais"></label> <input name="pais" type="text" id="pais" size="15" /></td> </tr> <tr> <td>FECHA</td> <td><label for="fecha"></label> <input name="fecha" type="text" id="fecha" size="10" /></td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td>FACTURA NUMERO</td> <td><label for="factura"></label> <input name="factura" type="text" id="factura" size="10" /></td> </tr> </table> <p> </p> <table width="636" border="1" id="TBD"> <tr> <td colspan="8"><div align="center">DETALLE</div></td> </tr> <tr> <td width="60">Nombre</td> <td width="45">Codigo</td> <td width="91">Nombre del Proveedor</td> <td width="61">Tipo de Articulo</td> <td width="56">Cantidad</td> <td width="48">Precio</td> <td width="30">IVA</td> <td width="437">Observaciones</td> </tr> <tr> <td><label for="nombre"></label> <label for="nombre"></label> <textarea name="nombre" id="nombre" cols="20" rows="5"></textarea></td> <td><label for="codigo"></label> <input name="codigo" type="text" id="codigo" size="5" /></td> <td><label for="proveedor"></label> <input name="proveedor" type="text" id="proveedor" size="15" /></td> <td><label for="tipo"></label> <label for="tipo"></label> <input name="tipo" type="text" id="tipo" size="10" /></td> <td><label for="tex1"></label> <input name="tex1" type="text" id="tex1" size="5" /> <label for="tex2"></label> <label for="tex3"></label></td> <td><label for="precio"></label> <input name="precio" type="text" id="precio" size="8" /></td> <td><label for="iva"></label> <input name="iva" type="text" id="iva" size="5" /></td> <td><label for="observaciones"></label> <textarea name="observaciones" id="observaciones" cols="30" rows="5"></textarea></td> </tr> </table> <p><input type="BUTTON" onclick="agregar()" value="agregar"></p> </form> <p><strong></strong></p> </div> </body> </html>
Si alguien me puede colaborar con esto,ya que soy nuevo en esto de Javascript, se los agradeceria.
Gracias..