¿Alguien sabe por qué no funciona?

[Dani392]

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>

[JavierB]

Hola Dani392

El id es una cadena, por eso cuando sumas 1, el resultado es 11

Prueba poniendo así la celda:

Código:

<td id="1" class="row" onmouseover="hover_activo(this,'2');"

y la función:

Código:

function hover_activo(obj,id2) {
obj.className='activo';
document.getElementById(id2).className='activo';
}

Saludos,

[Dani392]

Entonces cuando quiera aplicar la función a varias celdas, ¿no hay ninguna manera de coger el id de esa celda y restarle 1? ¿Siempre tendré que poner el número de la celda que corresponde al restarle 1? Por ejemplo con alguna función que cambie la cadena a numeral.

Un saludo y gracias por la ayuda.

[JavierB]

Hola de nuevo.

En ese caso puedes usar la función parseInt

onmouseover="hover_activo(this,parseInt(this.id)+1 );"

No lo he probado, pero debería funcionar.

Saludos,