24/02/2006, 03:26
|
 | Colaborador | | Fecha de Ingreso: febrero-2002 Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 3 meses Puntos: 772 | |
Hola hemiliano
Una idea:
Código:
<html>
<head>
<script type="text/javascript">
function ini() {
obj=document.getElementById('tabla');
for(i=0; ele=obj.getElementsByTagName('td')[i]; i++) {
ele.onmouseover = function() {marcar(this,'red')}
ele.onmouseout = function() {marcar(this,'')}
}
}
function marcar(obj,co) {
fila=obj.parentNode;
fila.style.background = co;
// averiguar número de celda
for (i=0; ele=fila.getElementsByTagName('td')[i]; i++)
if (ele==obj) num = i;
tab=document.getElementById('tabla');
for (i=0; ele=tab.getElementsByTagName('tr')[i]; i++)
ele.getElementsByTagName('td')[num].style.background = co;
}
</script>
</head>
<body onload="ini()">
<table id="tabla" border="1">
<tr>
<td>Celda</td><td>Celda</td><td>Celda</td>
</tr>
<tr>
<td>Celda</td><td>Celda</td><td>Celda</td>
</tr>
<tr>
<td>Celda</td><td>Celda</td><td>Celda</td>
</tr>
</body>
</html>
Saludos,  |