01/05/2007, 18:36
|
| | | Fecha de Ingreso: abril-2007
Mensajes: 3
Antigüedad: 17 años Puntos: 0 | |
| Re: Problema al seleccionar checkboxes y pintar celdas.
Hola,
Gracias por responder. Sí, de hecho es exactamente lo que quiero hacer (seleccionar el checkbox 'padre' y pintar las celdas) pero he intentado adecuar tu código al mio y no he podido.
Te dejo el mio para que lo pruebes:
Código:
<script>
isIE=document.all?true:false;
var isNS4=document.layers?true:false;
var isNS6=navigator.userAgent.indexOf("Gecko")!=-1?true:false;
function coloreaf(_v,num){
var res;
res=num%2;
if(eval("document.nombreform.op"+_v+".checked")==1){
eval("document.nombreform.op"+_v+".checked=0");
}
else{
eval("document.nombreform.op"+_v+".checked=1");
}
if(res==0){
var bC=new Array('#0099FF','white');//(primera color ya clikeada,nose)
var C=new Array('white','black');
}
else{
var bC=new Array('#0099FF','#DFEBFF');//(primera ya clikeada,nose)
var C=new Array('white','black');
}
var X=eval("document.nombreform.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>
<script>
isIE=document.all?true:false;
var isNS4=document.layers?true:false;
var isNS6=navigator.userAgent.indexOf("Gecko")!=-1?true:false;
function colorea(_v,num){
var res;
res=num%2;
if(eval("document.nombreform.op"+_v+".checked")==1){
eval("document.nombreform.op"+_v+".checked=0");
}
else{
eval("document.nombreform.op"+_v+".checked=1");
}
if(res==0){
var bC=new Array('#062F83','white');
var C=new Array('white','black');
}
else {
var bC=new Array('#062F83','#DFEBFF');
var C=new Array('white','black');
}
var X=eval("document.nombreform.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>
<script>
isIE=document.all?true:false;
var isNS4=document.layers?true:false;
var isNS6=navigator.userAgent.indexOf("Gecko")!=-1?true:false;
function coloreamosin(_v,num){
var res;
res=num%2;
if(eval("document.nombreform.op"+_v+".checked")==0){
//aqui intercalamos los colores %2 del mouse over ;)
if(res==0){
document.getElementById("t"+_v).style.backgroundColor="#4F80FF";
document.getElementById("t"+_v).style.color="#003366";
}
else{
document.getElementById("t"+_v).style.backgroundColor="#4F80FF";
document.getElementById("t"+_v).style.color="#003366";
}
}
}
</script>
<script>
isIE=document.all?true:false;
var isNS4=document.layers?true:false;
var isNS6=navigator.userAgent.indexOf("Gecko")!=-1?true:false;
function coloreamosout(_v,num){
var res;
res=num%2;
if(eval("document.nombreform.op"+_v+".checked")==0){
if(res==0){
document.getElementById("t"+_v).style.backgroundColor="#ffffff";
document.getElementById("t"+_v).style.color="#003366";
}
else{
document.getElementById("t"+_v).style.backgroundColor="#DFEBFF";
document.getElementById("t"+_v).style.color="#003366";
}
}
}
function checkUncheckAll(theElement) {
var theForm = theElement.form, z = 0;
for(z=0; z<theForm.length;z++){
if(theForm[z].type == 'checkbox' && theForm[z].name != 'checkall'){
theForm[z].checked = theElement.checked;
}
}
}
</script>
</head>
<form action="prod_sppb.php" method="get" name="nombreform">
<table align="center" bgcolor="#AAAAAA" border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td><table align="center" border="0" cellpadding="4" cellspacing="1" width="100%">
<tr bgcolor="#ccddee" class="small">
<td align="center">Id<br /><input type="checkbox" name="checkall" onClick="checkUncheckAll(this);"/></td>
<td>Nombre</td>
<td>Obra</td>
<td>Localización</td>
<td>Fecha</td>
<td>Foto</td>
<td>Notas</td>
<td>Acciones</td>
</tr>
<tr bgcolor="#FFFFFF" class="tabla" id=t212 onclick='coloreaf(212,212)' onMouseOver='coloreamosin(212,212)' onMouseOut='coloreamosout(212,212)'>
<td align="center">212 <input name='op212' type='checkbox' onclick='colorea(212,212)'></td>
<td>INTERNATIONAL FLAVOR AND FRAGANCES (MÉXICO)</td>
<td>CONSTRUCCION DE EDIFICIO DE CENTRO CREATIVO</td>
<td>Tlalnepantla, Edo. de México</td>
<td>2005</td>
<td><img src="../../../imagenes/desarrollos/img_null.png"></td>
<td>Notas</td>
<td><table border="0" cellpadding="0" cellspacing="0" width="100%" class="tabla">
<tr>
<td><a href="ver.php?id=212"><img src="images/lupa.png" alt="Ver registro 212" title="Ver registro 212" border="0"></a></td>
<td><a href="editar.php?id=212"><img src="images/edit.png" alt="Editar registro 212" title="Editar registro 212" border="0"></a></td>
<td><a href="borrar.php?id=212"><img src="images/borrar.png" alt="Borrar registro 212" title="Borrar registro 212" border="0"></a></td>
</tr>
</table></td>
</tr><tr bgcolor="#DFEBFF" class="tabla" id=t211 onclick='coloreaf(211,211)' onMouseOver='coloreamosin(211,211)' onMouseOut='coloreamosout(211,211)'>
<td align="center">211 <input name='op211' type='checkbox' onclick='colorea(211,211)'></td>
<td>PROCESS TECHNOLOGY SOLUTIONS</td>
<td>INSTALACION ELECTRICA PLANTA CAFIVER</td>
<td>Orizaba, Veracruz</td>
<td>2005</td>
<td><img src="../../../imagenes/desarrollos/img_211.png"></td>
<td>Notas</td>
<td><table border="0" cellpadding="0" cellspacing="0" width="100%" class="tabla">
<tr>
<td><a href="ver.php?id=211"><img src="images/lupa.png" alt="Ver registro 211" title="Ver registro 211" border="0"></a></td>
<td><a href="editar.php?id=211"><img src="images/edit.png" alt="Editar registro 211" title="Editar registro 211" border="0"></a></td>
<td><a href="borrar.php?id=211"><img src="images/borrar.png" alt="Borrar registro 211" title="Borrar registro 211" border="0"></a></td>
</tr>
</table></td>
</tr><tr bgcolor="#FFFFFF" class="tabla" id=t210 onclick='coloreaf(210,210)' onMouseOver='coloreamosin(210,210)' onMouseOut='coloreamosout(210,210)'>
<td align="center">210 <input name='op210' type='checkbox' onclick='colorea(210,210)'></td>
<td>INTERNACIONAL FLAVOR AND FRAGANCES (MÉXICO)</td>
<td>INSTALACION ELECTRICA PLANTA DE FRAGANCIAS</td>
<td>Tlalnepantla, Edo. de México</td>
<td>2004</td>
<td><img src="../../../imagenes/desarrollos/img_210.png"></td>
<td>Notas</td>
<td><table border="0" cellpadding="0" cellspacing="0" width="100%" class="tabla">
<tr>
<td><a href="ver.php?id=210"><img src="images/lupa.png" alt="Ver registro 210" title="Ver registro 210" border="0"></a></td>
<td><a href="editar.php?id=210"><img src="images/edit.png" alt="Editar registro 210" title="Editar registro 210" border="0"></a></td>
<td><a href="borrar.php?id=210"><img src="images/borrar.png" alt="Borrar registro 210" title="Borrar registro 210" border="0"></a></td>
</tr>
</table></td>
</tr><tr bgcolor="#DFEBFF" class="tabla" id=t209 onclick='coloreaf(209,209)' onMouseOver='coloreamosin(209,209)' onMouseOut='coloreamosout(209,209)'>
<td align="center">209 <input name='op209' type='checkbox' onclick='colorea(209,209)'></td>
<td>GATES RUBBER DE MEXICO S.A. DE C.V.</td>
<td>INGENIERIA CIVIL, ELECTRICA Y MECANICA PARA PROYECTO TT2</td>
<td>Toluca, Edo. de México.</td>
<td>2004</td>
<td><img src="../../../imagenes/desarrollos/img_209.png"></td>
<td>Notas</td>
<td><table border="0" cellpadding="0" cellspacing="0" width="100%" class="tabla">
<tr>
<td><a href="ver.php?id=209"><img src="images/lupa.png" alt="Ver registro 209" title="Ver registro 209" border="0"></a></td>
<td><a href="editar.php?id=209"><img src="images/edit.png" alt="Editar registro 209" title="Editar registro 209" border="0"></a></td>
<td><a href="borrar.php?id=209"><img src="images/borrar.png" alt="Borrar registro 209" title="Borrar registro 209" border="0"></a></td>
</tr>
</table></td>
</tr><tr bgcolor="#FFFFFF" class="tabla" id=t208 onclick='coloreaf(208,208)' onMouseOver='coloreamosin(208,208)' onMouseOut='coloreamosout(208,208)'>
<td align="center">208 <input name='op208' type='checkbox' onclick='colorea(208,208)'></td>
<td>GATES RUBBER DE MEXICO S.A. DE C.V.</td>
<td>INSTALACIÓN ELECTRICA Y MECANICA DE EQUIPO DE LA EXPANSIÓN DE HYPAK</td>
<td>Cuautitlán, Edo. de México.</td>
<td>2003</td>
<td><img src="../../../imagenes/desarrollos/img_null.png"></td>
<td>Notas</td>
<td><table border="0" cellpadding="0" cellspacing="0" width="100%" class="tabla">
<tr>
<td><a href="ver.php?id=208"><img src="images/lupa.png" alt="Ver registro 208" title="Ver registro 208" border="0"></a></td>
<td><a href="editar.php?id=208"><img src="images/edit.png" alt="Editar registro 208" title="Editar registro 208" border="0"></a></td>
<td><a href="borrar.php?id=208"><img src="images/borrar.png" alt="Borrar registro 208" title="Borrar registro 208" border="0"></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
Muchas gracias! |