Foros del Web » Programando para Internet » Javascript »

Mostrar Lista menú ocultas

Estas en el tema de Mostrar Lista menú ocultas en el foro de Javascript en Foros del Web. Buenas! A ver si me podeis echar una manita que por más vuelta que le he dado no consigo dar con la tecla. Tengo varios ...
  #1 (permalink)  
Antiguo 02/09/2009, 06:13
Banshi
Invitado
 
Mensajes: n/a
Puntos:
Mostrar Lista menú ocultas

Buenas!
A ver si me podeis echar una manita que por más vuelta que le he dado no consigo dar con la tecla.

Tengo varios radio button y debajo de cada uno de ellos hay una lista/menú oculta. Lo que quiero conseguir es que al chequear el radio button aparezca dicha lista. He bicheado por google y he probado haciendo clases y usando javascript pero no consigo que funcione por más que lo intento. Aclarar que sólo se debe de mostrar la lista que está debajo de dicho radio button y todos los radio button pertenecen al mismo grupo. Ante todo, gracias.

Saludos.
  #2 (permalink)  
Antiguo 02/09/2009, 07:28
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 14 años, 11 meses
Puntos: 1517
Respuesta: Mostrar Lista menú ocultas

Eso ya es con javascript y css. Debes saber usar el HTML DOM. Sería algo así

Código html:
Ver original
  1. <script language="javascript">
  2. function call(){
  3.     if(document.formulario.r[0].checked){
  4.         document.getElementById("div1").style.visibility = "visible";
  5.     }
  6.     else if(document.formulario.r[1].checked){
  7.         document.getElementById("div2").style.visibility = "visible";
  8.     }
  9. }
  10. <form name="formulario">
  11. <input type="radio" name="r" onclick="call()" />
  12. <div id="div1" style="visibility: hidden;">algo 1</div>
  13. <input type="radio" name="r" onclick="call()" />
  14. <div id="div2" style="visibility: hidden;">algo 2</div>
  15. </form>
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 02/09/2009, 07:52
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 17 años, 11 meses
Puntos: 2135
Respuesta: Mostrar Lista menú ocultas

Tema trasladado desde PHP
  #4 (permalink)  
Antiguo 03/09/2009, 03:37
Banshi
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Mostrar Lista menú ocultas

Cita:
Iniciado por abimaelrc Ver Mensaje
Eso ya es con javascript y css. Debes saber usar el HTML DOM. Sería algo así

Código html:
Ver original
  1. <script language="javascript">
  2. function call(){
  3.     if(document.formulario.r[0].checked){
  4.         document.getElementById("div1").style.visibility = "visible";
  5.     }
  6.     else if(document.formulario.r[1].checked){
  7.         document.getElementById("div2").style.visibility = "visible";
  8.     }
  9. }
  10. <form name="formulario">
  11. <input type="radio" name="r" onclick="call()" />
  12. <div id="div1" style="visibility: hidden;">algo 1</div>
  13. <input type="radio" name="r" onclick="call()" />
  14. <div id="div2" style="visibility: hidden;">algo 2</div>
  15. </form>
Esta opción ya la había visto googleando y no me iba, pero después de leerlo tanto he repasado todo el código de arriba a abajo y tenía un error de javascript en otra zona que hacía que no fuera. Muuuuuuuuuchas gracias.

Saludos.
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 20:51.