Seleccionar CheckBox y pintar tr row (toggle)

ignacio_giri · #1 (**permalink**) 26/03/2005, 18:51

necesito poder seleccionar un checkbox por vez y poder seleccionar todos a la vez, y así que tambien se pinten los <tr> de otro color. Tipo WebMail.

saludos.

KarlanKas · #2 (**permalink**) 27/03/2005, 05:50

El buscador es tu amigo:

http://www.forosdelweb.com/f13/cambiar-color-fila-seleccionar-checkbox-como-hace-hotmail-138097/

ignacio_giri · #3 (**permalink**) 27/03/2005, 20:00

efectivamente en ese post encontré lo que tanto buscaba, muchas gracias.

ignacio_giri · #4 (**permalink**) 27/03/2005, 22:42

Código PHP:

  <style type=text/css> 
tr.Checked { 
background-color:#ffa500; 
} 
tr.unChecked { 
background-color:#333333; 
} 
</style> 
 <script language="Javascript"> 
 <!-- 
 function HR (element) { 
     newClassName="unChecked"  
     if (element.checked) { newClassName="Checked" } 
     while (element.tagName.toUpperCase() != 'TR' && element != null) 
         element = document.all ? element.parentElement : element.parentNode; 
     element.className = newClassName 
 } 
 function CA (element) 
 {    
     for (var i=0;i<document.testform.elements.length;i++) 
     {    
         var e = document.testform.elements[i]; 
         if (e.name != "allbox") { 
           e.checked = document.testform.allbox.checked; 
           HR(e) } 
     } 
 } 
 //--> 
 </script> 
</head> 
<body text=white> 
<form name="testform" action="#"> 
<table border="1"> 
<tr class=Checked><td width="200">Check All</td><td><input type="checkbox" name="allbox" onClick="CA();"></td></tr> 
<tr class=unChecked><td width="200">A</td><td><input type="checkbox" name="message_ids" onClick="HR(this);"></td></tr> 
<tr class=unChecked><td width="200">B</td><td><input type="checkbox" name="message_ids" onClick="HR(this);"></td></tr> 
<tr class=unChecked><td width="200">C</td><td><input type="checkbox" name="message_ids" onClick="HR(this);"></td></tr> 
</table> 
</form> 
</body> 
</html>

lo saque de http://www.experts-exchange.com/Web/..._20384466.html

Saludos

KarlanKas · #5 (**permalink**) 28/03/2005, 02:23

Mira tú que bien!