Tema: mostrar ocultar DIV tipo GOOGLE
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 24/03/2013, 04:03
Bier
 
Fecha de Ingreso: enero-2002
Mensajes: 1.174
Antigüedad: 23 años
Puntos: 21
Respuesta: mostrar ocultar DIV tipo GOOGLE
La modifique un poco, agregué una nueva opción:

Código HTML: 
Ver original
  1. <html> 
  2. <head> 
  3. <script> 
  4. function mostrar(frm,num) { 
  5.   if(num==0) { 
  6.     frm.usuario.style.visibility='visible';
  7.     frm.rfc.style.visibility='hidden'; 
  8.     frm.email.style.visibility='hidden'; 
  9.   }
  10.   if(num==1) { 
  11.     frm.usuario.style.visibility='hidden'; 
  12.     frm.rfc.style.visibility='visible'; 
  13.     frm.email.style.visibility='hidden'; 
  14.   } 
  15.   if(num==2) { 
  16.     frm.usuario.style.visibility='hidden'; 
  17.     frm.rfc.style.visibility='hidden'; 
  18.     frm.email.style.visibility='visible'; 
  19.   } 
  20. } 
  21. </script> 
  22. </head> 
  23. <body> 
  24. <form> 
  25. <input type="radio" name="rad" checked="checked" onclick="mostrar(this.form,0)" /> 
  26. <input type="radio" name="rad" onclick="mostrar(this.form,1)" /> 
  27. <input type="radio" name="rad" onclick="mostrar(this.form,2)" />
  28. <input type="text" name="usuario" /> 
  29. <input type="text" name="rfc" style="visibility:hidden" /> 
  30. <input type="text" name="email" style="visibility:hidden" /> 
  31. </form> 
  32. </body> 
  33. </html>