Iluminar columna por OnMouseOver

PP2 · #1 (**permalink**) 30/08/2006, 18:32

hola, ya he visto mas o menos como se hace para iluminar un renglo en una tabla... pero por mas que intento y le pienso no encuentro la forma para hacerlo por columna, alguien sabe como se puede hacer, usando el OnMouseOver .????

GRACIAS

JavierB · #2 (**permalink**) 31/08/2006, 01:11

Hola PP2

Prueba este código:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function marcar(obj,val) {
  tab = document.getElementById('tabla');
  col = obj.parentNode;
  for (i=0; ele=col.getElementsByTagName('td')[i]; i++)
    if (ele==obj) num=i;
  for (i=0; ele=tab.getElementsByTagName('tr')[i]; i++)
    ele.getElementsByTagName('td')[num].style.background = (val) ? 'red' : '';
}
</script>
</head>
<body>
<table id="tabla">
<tr>
<td onmouseover="marcar(this,true)" onmouseout="marcar(this,false)">1</td>
<td onmouseover="marcar(this,true)" onmouseout="marcar(this,false)">2</td>
</tr>
<tr>
<td onmouseover="marcar(this,true)" onmouseout="marcar(this,false)">1</td>
<td onmouseover="marcar(this,true)" onmouseout="marcar(this,false)">2</td>
</tr>
</table>
</body>
</html>

Saludos,

PP2 · #3 (**permalink**) 31/08/2006, 08:36

ok, gracias pero mira hay un problema, resulta que ese ejemplo que pones es para una tabla fija de dimension conocida...
yo necesito algo para una tabla de NxN.

JavierB · #4 (**permalink**) 31/08/2006, 09:10

Hola de nuevo.

Yo creo que el código funciona con cualquier número de filas y columnas

Pruebalo y me cuentas.

Saludos,