Seleccionar <TD>

[Cain]

En <a href='ir.asp?http://www.mundodeportivo.es' target='_blank'>http://www.mundodeportivo.es...</a> hay un efecto muy interesante que hace que al pasar el mouse sobre una celda de una tabla le cambia la clase.
He intentado mirar el código pero lo veo muy liado, ¿alguien sabe como funciona? ¿pueden copiarme algún código parecido?

[JavierB]

Hola, Cain.

No he conseguido ver la página que mencionas, asi que te contestaré un poco a ciegas, pero creo que podría ser algo así:

Pones esto entre &lt;head&gt; y &lt;/head&gt;

Código:

<style>
.celda1 {background-color:#FF0000; color:#00FF00}
.celda2 {background-color:#00FF00; color:#FF0000}
</style>

Y la celda quedaría:

Código:

<td class="celda1" onMouseOver="this.className='celda2'" onMouseOut="this.className='celda1'">Tu texto</td>

El uso de className me lo propuso Caricatos cuando pregunté algo parecido.

Espero haber acertado. Saludos,

---------------
Pregunta lo que ignoras y pasarás por tonto 5 minutos.
No lo preguntes y serás tonto toda la vida.

[Cain]

OK. Estoy probando un código similar y estoy teniendo buenos resultados ...de momento
Así que cruzo los dedos y cuando lo logre vuelvo

Joe Tawers,
<a href="http://www.ilimit.com/towers">http://www.ilimit.com/towers</a>

[Cain]

El código funciona perfectamente.
Lo que pasa es que necesito aislarlo a una función. Lo he hecho así:

Código:

function hop(td){
 if (td.className='listitem'){ td.className='listitem2'; }
if (td.className='listitem2'){ td.className='listitem'; }
}

Y la llamada la hago así:

Código:

<td id=$row[0] align=left class=listitem onMouseOver=\"Javascript:hop(this);\" onMouseOut=\"Javascript:hop(this);\">$row[0]</td>

(esta programada en PHP, pero supongo que no eso no afecta para nada el javascript)

Joe Tawers,
<a href="http://www.ilimit.com/towers">http://www.ilimit.com/towers</a>

[Cain]

Pero la verdad es que no funciona :( ¿alguien ve el error?

Joe Tawers,
<a href="http://www.ilimit.com/towers">http://www.ilimit.com/towers</a>