Hola,
Con la ayuda de varias personas he montado una función para cambiar el fondo de dos casillas de una tabla, pero funciona solo a medias. Cuando me posiciono sobre la celda con id=2 funciona todo bien, pero sobre la celda con id=1, solo me cambia el fondo de esa casilla y deja sin resultados la casilla con id=2.
Código:
function hover_activo(id,id2) {
document.getElementById(id).className='activo';
document.getElementById(id2).className='activo';
}
function hover_inactivo(id,id2) {
document.getElementById(id).className='row';
document.getElementById(id2).className='row';
}
<td id="1" class="row" onmouseover="hover_activo(this.id,this.id+1);" onmouseout="hover_inactivo(this.id,this.id+1);"><i mg src="img/8.gif"></td>
<td id="2" class="row" onmouseover="hover_activo(this.id,this.id-1);" onmouseout="hover_inactivo(this.id,this.id-1);"><p class="p1">The life in the steets</p> <p class="p2">22h-23h</p></td>