Hola:
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>