Ver Mensaje Individual
  #5 (permalink)  
Antiguo 22/01/2008, 00:51
Avatar de caricatos
caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 23 años, 1 mes
Puntos: 1284
Re: Cambiar el color de la fila al selecionar el radio button

Hola:

Como puse antes, creo que el evento sería mejor aplicarlo a la fila (tag tr), y con unos retoques, el código quedaría así:

<html>
<head>
<script type="text/javascript">

Código:
function ini() {
  tab=document.getElementById('tabla');
  for (i=0; ele=tab.getElementsByTagName('TR')[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++)
estado = obj.getElementsByTagName("TD")[0].firstChild.checked;
if (!estado)
      obj.style.background = (valor) ? 'blue' : 'white';
}
</script>
</head>
<body onload="ini()">
<form id="formu">
<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>
</form>
</body>
</html>
Aunque me temo que con los radios tendrás que plantearte alguna otra modificación, ya que al seleccionar uno, se des-selecciona el que estaba anteriormente checked (caracteríastica de los radio), perdiendo el efecto su "vistosidad"...

Verás, hace un tiempo me planteé aplicar algo así pero con una lista un poco más grande, échale un vistazo y me cuentas: http://www.caricatos.net/citas/consulta.php

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo