DOM y tabla editable

Carol_84 · #1 (**permalink**) 20/05/2008, 12:13

hola:
Tengo una tabla editable hecha en javascript.
Lo que estoy intentando hacer es que cuando el usuario haga click en la celda que corresponde con las coordenadas (3,4, es decir fila 3 columna 4), lo que necesito saber es el nombre de la columna 4.
He hecho esto:

Cita:

tab = document.getElementById(miTabla);
cabecera = tab.getElementsByTagName('tr')[0];
alert('cabecera');
alert(cabecera.innerHTML);

pero me aparece el nombre de toda la fila cero, es decir(colum1 colum2 colum3 colum4) y yo solo quiero colum4

Es decir que mi tabla está formada asi:

colum1 colum2 colum3 colum4
dato dato dato dato
dato dato dato dato
dato dato dato dato
dato dato dato dato

¿¿Alguien me puede ayudar??

JavierB · #2 (**permalink**) 20/05/2008, 12:40

Hola Carol_84

Te contesto de memoria, espero no equivocarme:

Código:

tab = document.getElementById(miTabla);
cabecera = tab.getElementsByTagName('tr')[0];
columna = cabecera.getElementsByTagName('td')[3];
alert(columna.innerHTML);

Saludos,

Carol_84 · #3 (**permalink**) 20/05/2008, 12:48

Hola! Lo primero gracias por contestarme... pero el nombre de la columna no siempre es 3. Lo que puse fue un ejemplo....
Porque la tabla es editable, y puede pulsar en cualquiera de sus celdas...., por eso quiero saber el nombre de la columna a la que pertenezca la celda en la que se ha clickeado......
Asiq eso no me funcionaría.....

JavierB · #4 (**permalink**) 21/05/2008, 10:27

Hola de nuevo.

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function mostrar(celda) {
  fila = celda.parentNode;
  // buscar n1 de celda
  for (i=0; obj = fila.getElementsByTagName('td')[i]; i++)
    if (obj==celda) num = i;
  tab = document.getElementById('tabla');
  cabecera = tab.getElementsByTagName('tr')[0];
  columna = cabecera.getElementsByTagName('td')[num];
  alert(columna.innerHTML);
}
</script>
</head>
<body>
<table id="tabla">
<tr><td>Col1</td><td>Col2</td><td>Col3</td></tr>
<tr>
<td onclick="mostrar(this)">---</td>
<td onclick="mostrar(this)">---</td>
<td onclick="mostrar(this)">---</td>
</tr>
<tr>
<td onclick="mostrar(this)">---</td>
<td onclick="mostrar(this)">---</td>
<td onclick="mostrar(this)">---</td>
</tr>
</table>
</body>
</html>

Saludos,

Carol_84 · #5 (**permalink**) 21/05/2008, 17:03

Muchiisimas Gracias JavierB!!!
Lo cambiado para mi script y ahora ya me funciona.
Gracias!!!