Foros del Web » Programando para Internet » Javascript »

despliegue de campos ocultos

Estas en el tema de despliegue de campos ocultos en el foro de Javascript en Foros del Web. Tengo un formulario con un RadioGroup hecho con los formularios de dreamweaver, Este es el codigo en javascript @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original ...
  #1 (permalink)  
Antiguo 23/11/2011, 15:29
 
Fecha de Ingreso: julio-2010
Mensajes: 275
Antigüedad: 13 años, 9 meses
Puntos: 21
despliegue de campos ocultos

Tengo un formulario con un RadioGroup hecho con los formularios de dreamweaver,

Este es el codigo en javascript

Código Javascript:
Ver original
  1. <script>
  2. function cambiarDisplay(id)
  3. {
  4.     if (!document.getElementById)
  5.         return false;
  6.     fila = document.getElementById(id);
  7.     if (fila.style.display != "none")
  8.         fila.style.display = "none"; //ocultar
  9.     else
  10.         fila.style.display = ""; //mostrar
  11. }
  12. </script>
Este es el codigo en el formulario
Código HTML:
Ver original
  1. <input type="radio" name="RadioGroup1" id="RadioGroup1_0" value="Si" />
  2.              SI
  3.           <input type="radio" name="RadioGroup1" id="RadioGroup1_0" onclick="cambiarDisplay('oculto')" value="otro" />
  4.            No <span id="oculto" style="display:none;">
  5.                 <input type="text" name="otro_tipo" id="otro_tipo"/>
  6.               </span>

Básicamento lo que quiero hacer es que cuando se selecciones la opción "NO" se despliegue otro input, en primera instancia lo hace, pero cuando vuelvo a presionar "SI" no se oculta el input, y si vuelvo a presionar en el circulo de "NO" no se despliega...
  #2 (permalink)  
Antiguo 23/11/2011, 15:48
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 16 años
Puntos: 528
Respuesta: despliegue de campos ocultos

la instrucción onclick="cambiarDisplay('oculto')" la debes colocar en ambos radiobuttons, no sólo en el de NO, y tener por defecto el radiobutton No como "checked"
  #3 (permalink)  
Antiguo 24/11/2011, 06:23
 
Fecha de Ingreso: julio-2010
Mensajes: 275
Antigüedad: 13 años, 9 meses
Puntos: 21
Respuesta: despliegue de campos ocultos

Gracias por la sugerencia, y así quedaron los radiobuttons el formulario

Código HTML:
Ver original
  1. <p>
  2.           <input type="radio" name="RadioGroup1" id="RadioGroup1_0" onclick="cambiarDisplay('oculto')" value="Si" checked="checked" />
  3.              SI
  4.           < input type="radio" name="RadioGroup1" id="RadioGroup1_0" onclick="cambiarDisplay('oculto')" value="No"  />
  5.            No <span id="oculto" style="display:none;">
  6.                <br  />
  7.                Motivo <input type="text" name="motivo" id="motivo"/>
  8.               </span>
  9.       </p>

A diferencia de tener por defecto el radiobutton Si como "checked".
  #4 (permalink)  
Antiguo 24/11/2011, 12:32
 
Fecha de Ingreso: julio-2010
Mensajes: 275
Antigüedad: 13 años, 9 meses
Puntos: 21
Respuesta: despliegue de campos ocultos

Ahora pasa algo muy particular, si dejo seleccionado el radio NO y luego actualizo el navegador, el campo se despliegua en el radio SI y en el radio NO se oculta.
  #5 (permalink)  
Antiguo 24/11/2011, 13:49
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: despliegue de campos ocultos

al refrescar, la página vuelve a su estado inicial. para que no ocurra eso, has de guarda el estado en una "sesión" -----> window.name
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #6 (permalink)  
Antiguo 25/11/2011, 05:59
 
Fecha de Ingreso: julio-2010
Mensajes: 275
Antigüedad: 13 años, 9 meses
Puntos: 21
Respuesta: despliegue de campos ocultos

Pasa algo extraño, en Internet Explorer vuelve al estado inicial, pero no en Mozilla Firefox...

Etiquetas: campos, despliegue, formulario, input, ocultos
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 16:13.