18/11/2005, 09:35
|
| | | Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 21 años, 4 meses Puntos: 21 | |
ya lo solucione de esta forma jeje se ve que algo absurda el manejo del id
pero bueno ahi les va
var c=0;
function suma(lugar)
{
var tabla = document.createElement("table");
tabla.border="0";
tabla.width="477";
tabla.id="borrado"+c;
//var miTabla = document.getElementById("cuerpoTabla");
var cuerpo = document.createElement("tbody");
var linea = document.createElement("tr");//primera fila*******************
linea.className="texforms";
linea.style.backgroundColor="#CAD8EA";
var celda = document.createElement("td");
celda.width="19";
//var contenido = document.createTextNode(c);
var contenido=document.createElement("input");
contenido.type="text";
contenido.name="posicion[]";
contenido.id="posicion";
contenido.size="2";
contenido.className="enumerarinsumo"
//contenido.disabled=true;
var celda2 = document.createElement("td");
celda2.width="313";
var contenido2 = document.createTextNode("Producto:");
var celda3 = document.createElement("td");
celda3.width="70";
celda3.align="center";
var contenido3 = document.createTextNode("Cantidad:");
var celda4 = document.createElement("td");
celda4.width="70";
celda4.align="center";
//var contenido4 = document.createElement("input");
//contenido4.name="delete";
//contenido4.type="button";
//contenido4.value="quitar";
//contenido4.onclick = function(){borraNodo("borrado")};
var contenido4 =document.createElement("button");
contenido4.name="delete";
contenido4.className="botondelinsumo"
contenido4.title="borrar insumo";
contenido4.alt="borrar insumo";
var nodotabla="borrado"+c;
contenido4.onclick = function(){borraNodo(nodotabla)};
//contenido4.type="button";
var imagen4=document.createElement("img");
imagen4.src="../Imagen/Insumos_img/cancel.gif";
imagen4.border="0";
imagen4.width="16";
imagen4.height="16";
tabla.appendChild(cuerpo);//<tbody> solo una vez se imprime
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
contenido4.appendChild(imagen4);
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.id = "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.id = "txcantidad";
contenido3.maxlength="2";
contenido3.size="5";
contenido3.className="txtBoxStyle3";
//onKeyPress="return numbersonly(this, event)"
var noletras=new Function("return validar2(event)");
contenido3.onkeypress=noletras;
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.createElement('textarea');
contenido2.name="txjustificado[]";
contenido2.id="txjustificado";
contenido2.cols="60";
contenido2.rows="4";
contenido2.className="areatx";
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea4);//<tr>
linea4.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea4.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
var linea5 = document.createElement("tr");//fila 5*********************
linea5.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode(" ");
var celda2 = document.createElement("td");
var contenido2 = document.createTextNode('Proveedor:');
var celda3 = document.createElement("td");
var contenido3 = document.createTextNode(' ');
var celda4 = document.createElement("td");
var contenido4 = document.createTextNode(" ");
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea5);//<tr>
//******************************
linea5.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea5.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
linea5.appendChild(celda3);//<td>
celda3.appendChild(contenido3);//contenido
linea5.appendChild(celda4);//<td>
celda4.appendChild(contenido4);//contenido
var linea6 = document.createElement("tr");//fila 6*********************
linea6.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode(" ");
var celda2 = document.createElement("td");
celda2.colSpan="3";
var contenido2 = document.createElement('select');
contenido2.name = "proveedores"
//contenido2.options[1] = new Option('text zero', 'value0');
//contenido2.setAttribute("proveedores","1","1");
contenido2.options[0] = new Option('', '');
contenido2.options[1] = new Option('Distribuidora Papelera del Golfo SA de CV', 'Distribuidora Papelera del Golfo SA de CV');contenido2.options[2] = new Option('Ofix SA de CV', 'Ofix SA de CV');contenido2.options[3] = new Option('Office Depot SA de CV', 'Office Depot SA de CV');contenido2.options[4] = new Option('Recycling System', 'Recycling System');contenido2.options[5] = new Option('Arleth Baltazar Silva', 'Arleth Baltazar Silva');contenido2.options[6] = new Option('Moisés Lazo Torres', 'Moisés Lazo Torres');
contenido2.className="areatx";
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea6);//<tr>
linea6.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea6.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
var linea7 = document.createElement("tr");//fila 7*********************
linea7.className="texforms";
var celda = document.createElement("td");
var contenido = document.createTextNode(" ");
var celda2 = document.createElement("td");
celda2.colSpan="3";
var contenido2 = document.createElement('textarea');
contenido2.cols="60";
contenido2.rows="4";
contenido2.className="areatx";
//tabla.appendChild(cuerpo);//<tbody>
cuerpo.appendChild(linea7);//<tr>
linea7.appendChild(celda);//<td>
celda.appendChild(contenido);//contenido
linea7.appendChild(celda2);//<td>
celda2.appendChild(contenido2);//contenido
document.getElementById(lugar).appendChild(tabla);
c=c+1;
//funcion posicionar
posicionar();
}
function borraNodo(id)
{
//alert(id);
yo=document.getElementById(id);
yo.parentNode.removeChild(yo);
//*****************************
//var tabla=document.getElementById("borrado");
//tabla.parentNode.parentNode.removeChild(tabla.pare ntNode);
}
lo que supuse es que cada tablas debe tener un id diferente
en este caso
borrado0
borrado1
.
.
etc
lo unico que hice y me esta resultando efectivo
es que agregue una variable var c=0 fuera de funcion
en la parte id de la tablas puse tabla.id="borrado"+c;
en la parte donde llamo la funcion para borrar
puse
var nodotabla="borrado"+c;
contenido4.onclick = function(){borraNodo(nodotabla)};
__________________ gerardo
Última edición por chalchis; 18/11/2005 a las 14:52 |