Foros del Web » Creando para Internet » HTML »

Seleccionar <TD>

Estas en el tema de Seleccionar <TD> en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/05/2002, 11:54
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 15 años, 11 meses
Puntos: 17
Seleccionar <TD>

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?
  #2 (permalink)  
Antiguo 30/05/2002, 12:40
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Seleccionar <TD>

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:
&lt;style&gt;
.celda1 {background-color:#FF0000; color:#00FF00}
.celda2 {background-color:#00FF00; color:#FF0000}
&lt;/style&gt;
Y la celda quedaría:
Código:
&lt;td class=&quot;celda1&quot; onMouseOver=&quot;this.className='celda2'&quot; onMouseOut=&quot;this.className='celda1'&quot;&gt;Tu texto&lt;/td&gt;
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.
  #3 (permalink)  
Antiguo 30/05/2002, 12:51
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 15 años, 11 meses
Puntos: 17
Re: Seleccionar <TD>

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>
  #4 (permalink)  
Antiguo 30/05/2002, 13:18
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 15 años, 11 meses
Puntos: 17
Re: Seleccionar <TD>

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:
&lt;td id=$row[0] align=left class=listitem onMouseOver=\&quot;Javascript:hop(this);\&quot; onMouseOut=\&quot;Javascript:hop(this);\&quot;&gt;$row[0]&lt;/td&gt;
(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>
  #5 (permalink)  
Antiguo 31/05/2002, 09:59
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 15 años, 11 meses
Puntos: 17
Re: Seleccionar <TD>

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>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:07.