Foros del Web » Programando para Internet » Javascript »

Mostrar capa al marcar un radio button

Estas en el tema de Mostrar capa al marcar un radio button en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/02/2014, 08:22
 
Fecha de Ingreso: febrero-2014
Ubicación: Cuba
Mensajes: 10
Antigüedad: 10 años, 2 meses
Puntos: 0
Pregunta Mostrar capa al marcar un radio button

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>
  #2 (permalink)  
Antiguo 20/02/2014, 09:28
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: Mostrar capa al marcar un radio button

Para comprobar que un radio button está "checado" se utiliza la propiedad checked.
  #3 (permalink)  
Antiguo 20/02/2014, 12:43
 
Fecha de Ingreso: febrero-2014
Ubicación: Cuba
Mensajes: 10
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Mostrar capa al marcar un radio button

Lo que me quieres decir es que ademas de la funcion muestra_capa debo crear otra que compruebe que este chequeado? Disculpa mi falta de comprension, es que he leido varias cosas del tema y aun no me funciona...
  #4 (permalink)  
Antiguo 20/02/2014, 12:47
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Mostrar capa al marcar un radio button

En lugar de comparar elemento.value, checa que elemet.checked sea verdadero. Eso es lo que dice PHPeros.

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 20/02/2014, 12:57
 
Fecha de Ingreso: febrero-2014
Ubicación: Cuba
Mensajes: 10
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: Mostrar capa al marcar un radio button

Muchas gracias por su ayuda ya he arreglado el script el problema era que en el style la capa 19 que es la que quiero mostrar cuando marco el radiobutton estaba por defecto hidden y al llamar la funcion la intentaba mostrar con display, pero bueno ya funciona, coloco a continuacion el codigo con la correccion:


<head>
<style type="text/css">
<!--
#Layer19 {
position:absolute;
width:600px;
height:288px;
z-index:13;
left: 420px;
background-color: #FFFFFF;
top: 560px;
display: none;
}
-->
</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>

Etiquetas: button, input, marcar, php, radio
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:58.