Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/01/2008, 11:44
crujikoki
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 17 años, 2 meses
Puntos: 8
Cambiar el color de la fila al selecionar el radio button

Hola de nuevo,

Después el intenso post con caricatos me ha salido otra duda.
Tengo este código que lo que hace es iluminar la fila pro la que pasa el ratón.
Código:
<html>
<head>
<script type="text/javascript">

function ini() {
  tab=document.getElementById('tabla');
  for (i=0; ele=tab.getElementsByTagName('td')[i]; i++) {	
    	ele.onmouseover = function() {iluminar(this,true)}
    	ele.onmouseout = function() {iluminar(this,false)} 
  }
}

function iluminar(obj,valor) {
  fila = obj.parentNode;
    for (i=0; ele = fila.getElementsByTagName('td')[i]; i++)
      ele.style.background = (valor) ? 'blue' : 'white';
}
</script>
</head>
<body onload="ini()">
<table id="tabla" border> 
<tr>
 <td><input type="radio" name="actualizar" value="r1">
 <td>Nombre</td>
 <td>apellido</td>
 <td>ID</td>
</tr> 
<tr>
 <td><input type="radio" name="actualizar" value="r3">
 <td>Anacleto</td>
 <td>Roncesvalles</td>
 <td>1</td>
</tr> 
<tr>
 <td><input type="radio" name="actualizar" value="r3">
 <td>Froilán</td>
 <td>Del Cajón</td>
 <td>2</td>
</tr> 
</table>
</body>

</html>
El script ese tan chulo únicamente cambia de color la fila y ya está. Bien, pues ahora lo que no se como hacer es que cuando se marce uno de los radio buttons se quede la fila marcada con el color de iluminación (el azul en este caso) aun que vuelva a pasr el ratón por encima.

En el FAQ hay algo parecido con unoc check buttons pero no me sirve. A alguien se le ocurre como hacerlo??

Muchas gracias de antemano!!!