Esto es lo que estroy tratando de hacer
hay varias dudas que tengo aqui te va mi codigo
mi intencion es replicar el formulario estatico por varios mas
tengo dudad sobre:
en lugar del createTextNode que otra funcion o propiedad
puedo usar para que no me imprima texto si no codigo htm
la otra es como puedo usar el colspan si te fijas en donde dice
justificacion2 no se hace el colspan.
y la otra como podria yo eliminar la tablas a travez de un checkbox o un boton
espero tus comentarios y gracias.
saludos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>prueba</title>
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Pragma" content="no-cache">
<SCRIPT language="Javascript">
function suma(lugar)
{
var tabla = document.createElement("table");
tabla.border="1";
tabla.width="477";
var cuerpo = document.createElement("tbody");
var linea = document.createElement("tr");//primera fila*******************
linea.className="texforms";
linea.style.backgroundColor="#CCCCCC";
var celda = document.createElement("td");
celda.width="19";
var contenido = document.createTextNode("#");
var celda2 = document.createElement("td");
celda2.width="313";
var contenido2 = document.createTextNode("Producto");
var celda3 = document.createElement("td");
celda3.width="70";
var contenido3 = document.createTextNode("Cantidad");
var celda4 = document.createElement("td");
celda4.width="70";
var contenido4 = document.createTextNode(" ");
tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea);//<tr>
//******************************
linea.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
linea.appendChild(celda3);//<td>
celda3.appendChild(contenido3);//contenido
linea.appendChild(celda4);//<td>
celda4.appendChild(contenido4);//contenido
var linea2 = document.createElement("tr");//fila 2*********************
linea2.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode("#");
var celda2 = document.createElement("td");
var contenido2 = document.createElement('input');
contenido2.type = "text"
contenido2.name = "txproducto[]"
contenido2.size="50"
contenido2.className="txtBoxStyle3"
var celda3 = document.createElement("td");
celda3.align="center";
var contenido3 = document.createElement('input');
contenido3.type = "text"
contenido3.name = "txcantidad[]"
contenido3.size="5"
contenido3.className="txtBoxStyle3"
var celda4 = document.createElement("td");
var contenido4 = document.createTextNode(" ");
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea2);//<tr>
//******************************
linea2.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea2.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
linea2.appendChild(celda3);//<td>
celda3.appendChild(contenido3);//contenido
linea2.appendChild(celda4);//<td>
celda4.appendChild(contenido4);//contenido
var linea3 = document.createElement("tr");//fila 3*********************
linea3.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode("#");
var celda2 = document.createElement("td");
var contenido2 = document.createTextNode('Justificación');
var celda3 = document.createElement("td");
var contenido3 = document.createTextNode(' ');
var celda4 = document.createElement("td");
var contenido4 = document.createTextNode(" ");
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea3);//<tr>
//******************************
linea3.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea3.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
linea3.appendChild(celda3);//<td>
celda3.appendChild(contenido3);//contenido
linea3.appendChild(celda4);//<td>
celda4.appendChild(contenido4);//contenido
var linea4 = document.createElement("tr");//fila 4*********************
linea4.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode("#");
var celda2 = document.createElement("td");
celda2.colspan="3";
var contenido2 = document.createTextNode('Justificación2');
var celda3 = document.createElement("td");
var contenido3 = document.createTextNode(' ');
var celda4 = document.createElement("td");
var contenido4 = document.createTextNode(" ");
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea4);//<tr>
linea4.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea4.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
document.getElementById(lugar).appendChild(tabla);
}
</script>
</head>
<!--- Inicia Tabla de alinenamiento de pagina --->
<body class="tabla" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<table width="477" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td bgcolor="#a3a28e" height=1></td>
</tr>
<tr>
<td bgcolor="#F1F5FA" class="texforms">
<button name="boton_2" type="button" title="terminar examen" alt="terminar examen" class="botonenviar" onClick="suma('aqui')">
sumar
</button>
</td>
</tr>
<tr>
<td align="center" valign="middle" bgcolor="#F1F5FA" id="aqui">
<form name="formulario" method="post" onSubmit="return verificar(this)" action="insumos.php">
<table width="477" border="1" align="center" cellpadding="0" cellspacing="1" class='texsitio' >
<tbody >
<tr bgcolor="#CCCCCC">
<td width="19" class="texforms">#</td>
<td width="313" class="texforms">Producto</td>
<td width="70" class="texforms"><div align="center">Cantidad</div></td>
<td width="70" class="texforms"> </td>
</tr>
<tr>
<td class="texforms"> </td>
<td class="texforms"><input type="text" name="textfield2" size="50" class="txtBoxStyle3">
<div align="center">
</div></td>
<td class="texforms"><div align="center">
<input type="text" name="textfield" size="5" class="txtBoxStyle3">
</div></td>
<td class="texforms"><div align="center">
<input type="checkbox" name="checkbox" value="checkbox">
</div></td>
</tr>
<tr>
<td class="texforms"> </td>
<td class="texforms">Justificacion:</td>
<td class="texforms"> </td>
<td class="texforms"> </td>
</tr>
<tr>
<td class="texforms"> </td>
<td colspan="3" class="texforms">
<textarea name="txtjustificado" rows="4" cols="60" class="areatx"></textarea>
</td>
</tr>
<tr>
<td class="texforms"> </td>
<td class="texforms">Proveedor:</td>
<td class="texforms"> </td>
<td class="texforms"> </td>
</tr>
<tr>
<td class="texforms"> </td>
<td colspan="3" class="texforms">
<select name="lista_proveedores" class="areatx">
<option value=""></option>
<option value="Distribuidora Papelera del Golfo SA de CV">Distribuidora Papelera del Golfo SA de CV</option><option value="Ofix SA de CV">Ofix SA de CV</option><option value="Office Depot SA de CV">Office Depot SA de CV</option><option value="Recycling System">Recycling System</option><option value="Arleth Baltazar Silva">Arleth Baltazar Silva</option><option value="Moisés Lazo Torres">Moisés Lazo Torres</option> <option value="Otro">Otro</option>
</select>
</td>
</tr>
<tr>
<td valign="top"> </td>
<td colspan="4">
<textarea name="txtproveedor" rows="4" cols="60" class="areatx"></textarea>
</td>
</tr>
</tbody>
</table>
</form>
</td>
</tr>
<td bgcolor="#a3a28e" height=1></td>
</tr>
</table>
</body>
</html>