Hola amigos, soy bastante nueva en todo esto de la programacion web y el caso es que estoy haciendo una pagina en la que mediante un script al marcar un radio button me muestre un div que por defecto esta oculto. He intentado de varias formas pero igual no trabaja, coloco aqui el codigo por si me pueden ayudar.
Muchas Gracias...
<head>
<style type="text/css">
<!--
#Layer19 {
position:absolute;
width:600px;
height:288px;
z-index:13;
left: 420px;
background-color: #FFFFFF;
top: 560px;
visibility: hidden;
}
-->
</style>
<script type="text/javascript">
<!--
function muestra_capa(elemento)
{
if(elemento.value=="pendiente")
{
document.getElementById("Layer19").style.display = "none";
}
else
{
document.getElementById("Layer19").style.display = "block";
}
}
-->
</script>
</head>
<body>
<form name="form1" method="post" action="Insertar_Falla.php">
<div id="Layer19">
<label>
<div align="justify"><span class="Estilo23">Solucion<br> <br> </span>
<textarea name="desc_Soluc" cols="50" rows="8"></textarea>
<span class="Estilo23">
<br>
<br> Atendida Por <select name="Attsol"></select></span><br>
<br>
<span class="Estilo23"><br>Fecha </span>
<input type="text" name="fe_sol"><span class="Estilo23">Hora</span>
<input type="text" name="ho_sol">
</div>
</label>
<label></label><label><span class="Estilo23"><br></span></label>
<div id="Layer17">
<p class="Estilo26">Estado de la Queja </p><p><label>
<input name="estado" type="radio" id="radio" onClick="muestra_capa(this)" value="solucionada">
<span class="Estilo23">Solucionada</span></label>
<span class="Estilo23"><br>
<label> <input id="estado" type="radio" name="estado" value="pendiente" onClick="muestra_capa(this)">
Pendiente</label></span><br>
</p>
</div>
</div>
</form>
</body>