Tema: appendChild TR en Internet Explorer IE
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 19/11/2008, 12:07
Avatar de jgabrielsinner10
jgabrielsinner10
 
Fecha de Ingreso: octubre-2008
Mensajes: 26
Antigüedad: 15 años, 7 meses
Puntos: 0
Pregunta de Nuevo: appendChild TR en Internet Explorer IE
Estoy haciendo una aplicación con una función muy parecida a la de este código expuesto arriba, quisiera en verdad saber por qué en Internet Explorer no se ejecuta de igual forma que en otros navegadores. y de que forma se puede adaptar tanto a este navegardor como a otros. muchas gracias de antemano...

Al parecer la función agregar se ejecuta perfectamente sin errores, pero, lo que pasa es que no se ven las filas que se van agragando, ojo, esto sucede solo en Internet Explorer...

Cita:
Iniciado por angel3d3 Ver Mensaje
hola a todos, estoy teniendo un problema similar con un código que armé de varias fuentes. Con Fire fox me funciona, pero en IE no. Alguien podría ayudarme? anexo el codigo que tengo.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>
<body>
<form name="Prueba">
<table id="seccion0" width="500" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="vertab" width="48" align="center">ID</td>
<td class="vertab" width="264" align="center">Designaci&oacute;n</td>
<td class="vertab" width="121" align="center">P/N</td>
<td class="vertab" width="66" align="center">Cant.</td>
</tr>
</table>
<table id="seccion1" width="500" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<DIV id="cuadrosTexto">
<tr>
<td class="vertab" width="48" align="center">ID</td>
<td class="vertab" width="264" align="center">Designaci&oacute;n</td>
<td class="vertab" width="121" align="center">P/N</td>
<td class="vertab" width="66" align="center">Cant.</td>
</tr>
</DIV>
</table>
<a href="javascript:agregar();">agregar</a>
</form>
<script language="JavaScript" >
<!--
var linea = 1;
var col = 1;
function agregar() {
//alert(linea);
var divContenedor = document.getElementById("cuadrosTexto");
var grp = document.createElement("span");
var tr = document.createElement('tr');


var td1 = document.createElement('td');
var td2 = document.createElement('td');
var td3 = document.createElement('td');
var td4 = document.createElement('td');
var td5 = document.createElement('td');


var input1 = document.createElement('input');
input1.setAttribute('value','1');
input1.setAttribute('name','ser_'+linea+'_'+col);
input1.setAttribute('readOnly','true');
col++;
var input2 = document.createElement('input');
input2.setAttribute('value','2');
input2.setAttribute('name','tit_'+linea+'_'+col);
input2.setAttribute('readOnly','true');
col++;
var input3 = document.createElement('input');
input3.setAttribute('value','3');
input3.setAttribute('name','int_'+linea+'_'+col);
input3.setAttribute('readOnly','true');
col++;
var input4 = document.createElement('input');
input4.setAttribute('value','4');
input4.setAttribute('name','apo_'+linea+'_'+col);
input4.setAttribute('readOnly','true');
col++;
/*var inputh = document.createElement('input');
inputh.setAttribute('type','hidden');
inputh.setAttribute('name','id_'+linea);
inputh.setAttribute('value','5');
*/
var btnRemove = document.createElement("input");
btnRemove.setAttribute('type','button');
btnRemove.setAttribute('value','Quitar Cuadro');
btnRemove.setAttribute('id','quitar');
btnRemove.setAttribute('onclick','quitarboton(this )');

td1.appendChild(input1);
td2.appendChild(input2);
td3.appendChild(input3);
td4.appendChild(input4);
td5.appendChild(btnRemove);

//document.Prueba.appendChild(inputh);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tr.appendChild(td4);
tr.appendChild(td5);
//document.getElementById('seccion1').appendChild(tr );
grp.appendChild(tr);
divContenedor.appendChild(grp);
//alert(tr.tagName);
linea++;
col=1;
}

function quitarboton(elemento) {
var elem = elemento.parentNode;
var elemParent = elem.parentNode;
elemParent.parentNode.removeChild(elemParent);
}
-->
</script>
</body>
</html>