Hola todos!!
Necesito una ayuda con este problemita...
El siguiente codigo es muy simple, tiene un evento insertar y ocultar.
ocultar = esconde la primera columna da la tabla (columna 0)
insertar = agrega una columna (entre columnas 1 y 2)
El problema es que el codigo en IE guatea... (raro no? XD) pero funciona perfecto en Firefox.
Cuando oculto y luego inserto las columnas se corren
Si inserto y luego oculto funciona bien
reitero, el problema solo es en IE
Este es el codigo
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>prueba</title>
<script language="javascript">
function oculta(num, ver) {
dis= ver ? '' : 'none';
fila=document.getElementById('tabla').getElementsB yTagName('tr');
for(var i=0;i<fila.length;i++){
fila[i].getElementsByTagName('td')[num].style.display=dis;
};
};
function inserta(){
var table = document.getElementById('tabla');
for(var i=0;i<table.rows.length;i++){
var td = table.rows[i].insertCell(2);
td.innerHTML = 'XD';
};
};
</script>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="button" value="Ocultar" onclick="oculta(0,false);"/></td>
<td> </td>
<td><input type="button" value="Insertar" onclick="inserta();"/></td>
</tr>
</table>
<p> </p>
<table border="1" cellpadding="0" cellspacing="0" id="tabla">
<tr><td>col 0</td><td>col 1</td><td>col 2</td></tr>
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
</table>
</body>
</html>
Gracias!!