Aplicar estilo a un td

[beandfa]

Hola Mr. Foro !!
espero me puedas ayudar con esta parte, ya que tengo ya tiempo tratando de hacer esto y nada ...

TENGO ESTO
<td class="txt-negrita" align="center">
<input type="radio" name="elim" onFocus="0">
</td>

NECESITO que cuando tenga el foco el radio buton, el td se pinte de un color en el fondo, como para seleccionar ese renglon
se hacerlo con:
<td onmouseover='this.style.border="1px solid #FF0000"' onmouseout='this.style.border="1px solid #FFFFFF"'>

pero como hacerlo desde un radio buton hacia el TD

obvio que si se puede todo el TR me encantaría .. pero me conformo con el TD :o)

Saludos !!!!

[beandfa]

aahhhhh olvidé decirles que en onFocus="0"
trato de poner algo como esto:
onFocus="td.style.background-color=#FF0000"

pero nop ... marca error

como le puedo hacer ????

Saludos

[JavierB]

Hola beandfa.

Dale un identificador a la fila que quieres cambiar:

<tr id="fila">

Y pon el radiobutton de esta forma:

Código HTML:

<input type="radio" onfocus="document.getElementById('fila').style.backgroundColor='red'" /> 

Espero que te sirva. Saludos,

[caricatos]

Hola beandfa y JavierB :

Cuando se quiere trabajar con el elemento padre de otro elemento se puede usar parentNode... retocando un poco el código de JavierB y sin necesidad de usar un id:

<input type="radio" onfocus="this.parentNode.style.backgroundColor='re d'" />
Supongo que tendrías que compensar el foco recuperando el fondo con

onblur="this.parentNode.style.backgroundColor=''"

La cadena vacía sería mejor cambiarla por el color correcto.

Saludos

[JavierB]

Hola caricatos.

Me alegro de que me hayas recordado el uso de parentNode porque estoy olvidandome demasiado del DHTML (¡con lo que me gusta!) Aprobecho para hacer una pequeña corrección al código, ya que el radio está dentro de una celda, que a su vez está dentro de la fila que hay que "iluminar" creo que debería quedar así.

this.parentNode.parentNode.style...

Bueno, a ver si entre todos conseguimos que funcione. Saludos,

[caricatos]

Hola a todos:

¿Cómo estás Javi...?
¿Has visto que ya tengo 3500... (¡Esta noche me emborracho bien... me mamo bien mamao... !!!)?

Justamente el 3500 es sobre el DOM en javascript.

Saludetes

[beandfa]

Perfecto Javier !!! Me funcionó el codigo !!!
Saludos y mil gracias !!!

un punto más a Favor de Dr. FORO :o)