Colorear Filas al chequear - [checkbox]

[skatomundo]

IkaroU!

Espero te sirva para colorear tus filas al activar un checkbox correspondiente generado dinámicamente:

El ID de cada línea igual se genera dinámicamente..Ojo!

Código PHP:

  <script> 
isIE=document.all?true:false; 
var isNS4=document.layers?true:false;  
var isNS6=navigator.userAgent.indexOf("Gecko")!=-1?true:false; 
var bC=new Array('#BFCBE3','white'); 
var C=new Array('black','hotpink'); 
 
function colorea(_v) 
{ 
  var X=eval("document.form1.op"+_v+".checked?0:1"); 
  if(isIE) 
  { 
    eval("t"+_v+".style.backgroundColor=bC[X]"); 
    eval("t"+_v+".style.color=C[X]"); 
  } 
  if(isNS6) 
  { 
    document.getElementById("t"+_v).style.backgroundColor=bC[X]; 
    document.getElementById("t"+_v).style.color=C[X]; 
  } 
} 
</script>  
  

================================================== =====

Código HTML:

//NAME: "form1"
<form name="form1" action="" method="post">
<table>
<?php for($x=0;$x<10;$x++){?>
<tr id=t<?php echo $x; ?>>
	<td>Colorear Fila</td>
	<td align="center" class=ts><input name="op<?php echo $x; ?>" type="checkbox" value="1" onclick='colorea(<?php echo $x; ?>)'></td>
</tr>
<?php } ?>
</table>
</form> 

[ikaroraul]

Es muy bueno el codigo, esperame a una combinacion y luego yo le meto mas codigo y lo posteo

[ikaroraul]

El codigo esta buenisimo... ahora lo q quisiera es hacer que cuando se haga click en cualquier parte de una fila se cambie de color :S... como lo haria?? intente colocando un label antes de un <tr> pero no me funciona..

Osea la idea es como en el phpmyadmin cuando se hace click en cualquier parte de la fila se pinta toda la fia... Como se hace eso???
Porfas ayuda con eso :P

Gracias de antemano!!!!!

Saludos!!!!

[derkenuke]

Sin liarte con IDS ni nada de eso, con DOM. Además puedes elegir la parte a colorear que quieras (siempre que esa parte sea un padre del INPUT que estamos checkeando):

Código PHP:

  <script>
var colorMarcado="#5AB";
var colorDesactivado="#FFF";
function colorea(objActual, elem) {
    var checkado=objActual.checked;
    //buscamos el elemento a colorear, denotado con "elem"
    while( objActual.nodeType==1 && objActual.tagName.toUpperCase()!=elem.toUpperCase() )
        objActual=objActual.parentNode;
    //objActual será entonces el primer padre con etiqueta "elem"
    if(checkado) objActual.style.backgroundColor=colorMarcado;
    else objActual.style.backgroundColor=colorDesactivado;
}
</script>

<form name="form1" action="" method="post">
<table border="1">
    <tbody>
    <tr>
        <td>Colorear Fila</td>
        <td align="center" class=ts><input name="op1" type="checkbox" onclick="colorea(this,'BODY')"></td>
    </tr>
    <tr>
        <td>Colorear Fila</td>
        <td align="center" class=ts><input name="op2" type="checkbox" onclick="colorea(this,'TABLE')"></td>
    </tr>
    <tr>
        <td>Colorear Fila</td>
        <td align="center" class=ts><input name="op3" type="checkbox" onclick="colorea(this,'TBODY')"></td>
    </tr>
    <tr>
        <td>Colorear Fila</td>
        <td align="center" class=ts><input name="op4" type="checkbox" onclick="colorea(this,'TR')"></td>
    </tr>
    <tr>
        <td>Colorear Fila</td>
        <td align="center" class=ts><input name="op5" type="checkbox" onclick="colorea(this,'TD')"></td>
    </tr>
    </tbody>
</table>
</form>  
  

ikaroraul eso se hace igual, sólo que con un evento onclick en la celda misma.

[ikaroraul]

Lo probe y la verdad esta bueno... :D pero lo que necesito es modificar un poco el codigo de el man SKATOMUNDO algo como nos muestra el phpmyadmin que puedes pintar TODA UNA FILA sin la necesidad de picar sobre el checkbox... osea en cualquier parte de una fila.... porfas ayuda con eso amigos please no se como hacerlo... pero debe de ser algo sencillo verdad?..
Bueno espero vuestra ayuda amigos del Foro :D

Saludos
¨¨¨¨¨¨