Lo que pretendo es que cuando marco un checkbox los campos Mes y Año cambien de color.
Este es el código, pero no encuentro el fallo...
Código:
<script type="text/JavaScript">
<!--
function comprobarCheckBox(){
$j=0
if (document.formExperiencia.checkbox.checked)
{$j=1;
}
if ($j==1){
//se deshabilitan las casillas de mes fin anho fin
document.formExperiencia.mesFin.disabled = true;
document.formExperiencia.anhoFin.disabled = true;
//estos son los de la fecha de inicio en gris
document.getElementById ('fi').style.color = "#000080";
document.getElementById ('mi').style.color = "#000080";
document.getElementById ('ai').style.color = "#000080";
//estos son los de la fecha de fin en gris
document.getElementById ('ff').style.color = "#999999";
document.getElementById ('mf').style.color = "#999999";
document.getElementById ('af').style.color = "#999999";
}
if ($j==0)
{
//se habilitan las casillas de mes fin anho fin
document.formExperiencia.mesFin.disabled = false;
document.formExperiencia.anhoFin.disabled = false;
//estos son los de la fecha de inicio en azul
document.getElementById ('fi').style.color = "#000080";
document.getElementById ('mi').style.color = "#000080";
document.getElementById ('ai').style.color = "#000080";
//estos son los de la fecha de fin en azul
document.getElementById ('ff').style.color = "#000080";
document.getElementById ('mf').style.color = "#000080";
document.getElementById ('af').style.color = "#000080";
}
}
//-->
</script>
Código HTML:
<table width="100%"> <!--DWLayoutTable--> <tr valign="top"> <td width="200" height="286" rowspan="5" align="left"><img src="imagenes/menuRegistro4.jpg" width="200" height="286" /></td> <td width="1" height="100%" rowspan="5" align="left" bgcolor="#000166"><img src="transparent-wedge.gif" width="1" height="100%" /></td> <td height="43" align="left" valign="middle" class="tituloRegistro"><img src="imagenes/iconoExperiencia.gif" width="42" height="43" /> AÑADE O MODIFICA TU EXPERIENCIA LABORAL </td> </tr> <tr valign="top"> <td height="2" bgcolor="#FF0000"><img src="transparent-wedge.gif" width="100%" height="2" /></td> </tr> <tr valign="top"> <td height="40" valign="middle" class="TextoNormal"><strong><span class="TextoNormal Estilo1"><span class="Estilo4">>> </span></span>Añade tu experiencia laboral o modifícala. </strong></td> </tr> <tr valign="top"> <td height="30" align="left" valign="middle" class="TextoNormal"><blockquote> <p> <input name="bSinExperiencia" type="checkbox" id="bSinExperiencia" onclick="document.getElementById('divExperiencia').style.display = (this.checked) ? 'none':'block'" value="checkbox" /> Sin experiencia </p> </blockquote> <label for="checkbox"></label></td> </tr> <tr valign="top"> <td height="40" align="left" valign="middle" class="TextoNormal"> <form id="formExperiencia" name="formExperiencia" method="post" action=""> <div id="divExperiencia"> <table width="90%" border="0" align="center" bgcolor="#FFFF66"> <tr bgcolor="#99FF00"> <td width="30%" height="30" align="right" bgcolor="#FFFF66" class="FuenteRegistro">PUESTO</td> <td height="26" colspan="3" align="left" bgcolor="#FFFF66" class="FuenteRegistro"><label for="textfield"></label> <input name="puesto" type="text" id="puesto" size="40" /></td> </tr> <tr bgcolor="#99FF00"> <td height="30" align="right" bgcolor="#FFFF66" class="FuenteRegistro">EMPRESA ETT </td> <td colspan="3" align="left" bgcolor="#FFFF66" class="FuenteRegistro"><label for="textfield"></label> <input name="empresaETT" type="text" id="empresaETT" size="30" /></td> </tr> <tr bgcolor="#99FF00"> <td height="30" align="right" bgcolor="#FFFF66" class="FuenteRegistro">EMPRESA USUARIA</td> <td colspan="3" align="left" bgcolor="#FFFF66" class="FuenteRegistro"><input name="empresaUsuaria" type="text" id="empresaUsuaria" size="30" /></td> </tr> <tr bgcolor="#99FF00"> <td height="30" align="right" bgcolor="#FFFF66" class="FuenteRegistro">SECTOR</td> <td colspan="3" align="left" bgcolor="#FFFF66" class="FuenteRegistro"><label for="textfield"></label> <input name="sector" type="text" id="sector" size="30" /></td> </tr> <tr bgcolor="#99FF00"> <td height="30" align="right" bgcolor="#FFFF66" class="FuenteRegistro">FECHA INICIO </td> <td width="11%" align="center" bgcolor="#FFFF66" class="FuenteRegistro" id="mi">Mes <label for="textfield"></label> <input name="mesInicio" type="text" id="mesInicio" onblur="MM_validateForm('puesto','','R','empresaETT','','R','empresaUsuaria','','R','sector','','R','mesInicio','','RinRange1:12','añoInicio','','RinRange1958:2008','mesFin','','RinRange1:12','añoFin','','RinRange1958:2008');return document.MM_returnValue" size="2" maxlength="2" /></td> <td colspan="2" align="left" bgcolor="#FFFF66" class="FuenteRegistro" id="ai">Año <label for="textfield"></label> <input name="anhoInicio" type="text" id="anhoInicio" size="4" maxlength="4" /></td> </tr> <tr bgcolor="#99FF00"> <td height="30" align="right" bgcolor="#FFFF66" class="FuenteRegistro">FECHA FIN </td> <td align="center" bgcolor="#FFFF66" class="FuenteRegistro" id="mf">Mes <label for="textfield"></label> <input name="mesFin" type="text" id="mesFin" onblur="MM_validateForm('mesInicio','','RinRange1:12','añoInicio','','RinRange1958:2008','mesFin','','R','añoFin','','RinRange1958:2008');return document.MM_returnValue" size="2" maxlength="2" /></td> <td width="16%" align="left" bgcolor="#FFFF66" class="FuenteRegistro" id="af">Año <label for="textfield"></label> <input name="anhoFin" type="text" id="anhoFin" size="4" maxlength="4" /></td> <td width="43%" align="left" bgcolor="#FFFF66" class="FuenteRegistro"><input type="checkbox" name="checkbox" value="checkbox" id="checkbox" onclick="comprobarCheckBox();" /> <label for="checkbox">Trabajando actualmente </label></td> </tr> </table> </div> <table width="100%"> <tr> <td width="368" height="60" align="right"><a href="#" onClick="document.forms.formExperiencia.action=' insertar_experiencia.php';document.forms.formExperiencia.submit()"/> <input name="image" type="image" src="imagenes/guardar2.PNG" width="96" height="32" /></td> <td><img src="imagenes/cancelar.PNG" width="96" height="32" /></td> </tr> </table> <input type="hidden" value=<?php echo $Nif;?> name="Nif"> </form> </td> </tr> </table> <!-- InstanceEndEditable --></td> </tr> <tr> <td height="18" colspan="12" align="left" valign="middle" bgcolor="#00006A"><span class="Estilo1">nº Autorización 09/0005/95 </span></td> <td width="27" height="18" align="left" valign="middle" bgcolor="#00006A"><img src="imagenes/carta6.PNG" width="18" height="14" /></td> <td width="98" height="18" align="left" valign="middle" bgcolor="#00006A"><a href="mailto:[email protected]">Contacto</a></td> </tr> </table> </body> <!-- InstanceEnd --></html>
