Ver Mensaje Individual
  #4 (permalink)  
Antiguo 18/11/2005, 09:35
Avatar de chalchis
chalchis
 
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