Ver Mensaje Individual
  #27 (permalink)  
Antiguo 02/12/2002, 10:06
Avatar de Kaopectate
Kaopectate
Colaborador
 
Fecha de Ingreso: diciembre-2001
Ubicación: Curaçao (Antillas Holandesas)
Mensajes: 3.179
Antigüedad: 20 años, 4 meses
Puntos: 38
27.- Elementos que aparecen y desaparecen

P: ¿Como puedo ocultar o hacer aparecer un campo de texto según la opción seleccionada en un combobox?

R: [ver ejemplo]

Existen varias maneras de hacerlo. Esta es una de ellas:

NOTA: Hace uso de una página en blanco llamada DummyPg.htm la cual solo necesita contener los tags de <html>, <head> y <body>.

Código PHP:
<html>
 <
head>
  <
script language="JavaScript">

   var 
muestraTexto false;

   function 
cambiaSelector(){
    
with (window.pantalla.document){
     
muestraTexto = (frm.selector.selectedIndex == 1truefalse);
    }
    
formulario();
   }

   function 
formulario(){
    
with (window.pantalla.document){
     
open();
     
writeln("<html>\n<body>");
     
writeln("<form name='frm'>");
     
writeln("<select name='selector' onchange='parent.cambiaSelector()'>");
     
writeln(" <option" + (muestraTexto""" selected") + ">Combo solo</option>");
     
writeln(" <option" + (muestraTexto" selected""") + ">Combo y texto</option>");
     
writeln("</select>");
     
writeln("<br>");
     if (
muestraTexto){
      
writeln("<input type='text' name='campoTexto' value='algo'>");
     }
     
writeln("</form>");
     
writeln("</body>\n</html>");
     
close();
    }
   }


   
document.writeln("<frameset rows='100%,*' onload='javascript:parent.formulario()'>");
   
document.writeln("     <frame name='pantalla' src='DummyPage.htm'>");
   
document.writeln("     <frame src=''>");
   
document.writeln("</frameset>");

  
</script>
 </head>
</html> 

Última edición por Kaopectate; 02/10/2003 a las 14:52