¿Cómo hacer un hover a la vez en dos casillas de una tabla?

[derkenuke]

Hola Dani392:

Perdona que no te haya vuelto a contestar, he estado liado estos días. Lo primero que tienes que hacer es concretar sobre qué dos celdas quieres que se produzca el efecto. Si vas a hacerlo en dos celdas concretas no hay más que ponerles un id y unos eventos onmouseover y onmouseout.

Improviso:

Código HTML:

<table>
<tr>
<td id="t1" onmouseover="colorear('t1','t2')" onmouseover="descolorear('t1','t2')">celda1</td>
<td id="t2" onmouseover="colorear('t1','t2')" onmouseover="descolorear('t1','t2')">celda2</td>
</tr>
</table> 

Y sólo necesitas un par de funciones (en el head por ejemplo, aunque daría igual).

Código PHP:

  function colorear(id1, id2) { 
  document.getElementById(id1).className = document.getElementById(id2).className = "activo"; 
} 
function descolorear(id1, id2) { 
  document.getElementById(id1).className = document.getElementById(id2).className = "row"; 
}  
   

Ésto te serviría indefinidamente para todas las celdas que quisieras, extendiendo el método. Aunque si quieres hacerlo 100 veces puede que sea pesado escribirlo así.



Un saludo.