Foros del Web » Creando para Internet » HTML »

activar div al seleccionar boton 'radio'.

Estas en el tema de activar div al seleccionar boton 'radio'. en el foro de HTML en Foros del Web. Es posible en este formulario, que: * Cuando no tenga seleccionado algun boton "radio" nombre "fecha" me muestre no disponible los div correspondientes (ddmmaaaa - ...
  #1 (permalink)  
Antiguo 20/05/2009, 13:51
 
Fecha de Ingreso: octubre-2005
Mensajes: 405
Antigüedad: 12 años, 1 mes
Puntos: 1
activar div al seleccionar boton 'radio'.

Es posible en este formulario, que:
* Cuando no tenga seleccionado algun boton "radio" nombre "fecha" me muestre no disponible los div correspondientes (ddmmaaaa - mmaaaa).
* Cuando activo boton "radio" nombre "fecha", en cualquier caso me muestre disponible el div correspondiente (ddmmaaaa-mmaaaa), para seleccion respectiva.

Código HTML:
<form action="index.htm" method="post">
<table width=50% border=0 cellspacing=0 cellpadding=2 align=center>
  <tr class=Estilo1>
    <td width=30% height=50 valign=top>
      <input type="radio" name="fecha" id="fecha" value="d" />Diaria</td>
    <td width=70% height=50 align="left" valign="top">
     <div id="ddmmaaaa">
      &nbsp;D&iacute;a
     <select name=ndia>                                            
       <script language=Javascript>                                
        var mydate=new Date();                                    
        var dia=mydate.getDate();                                 
        for (i = 1; i < 32; i++)                                  
        {                                                         
          if (i == dia)                                           
          {                                                       
            document.write("<option value="+i+" selected>"+i);    
          }                                                       
          else                                                    
          {                                                       
            document.write("<option value="+i+">"+i);             
          }                                                       
        }                                                         
       </script>                                                   
     </select>&nbsp;Mes
     <select name=nmes>                                                        
       <script language=javascript>                                             
        var mes=mydate.getMonth();                                             
        var mesalf=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");   
        for (i = 0; i < 12; i++)                                               
        {                                                                     
           m = i +1;                                                          
           if (i==mes)                                                        
           {                                                                
              document.write("<option value="+m+" selected>"+mesalf[i]);     
           } 
		   else                                                           
           {                                                              
              document.write("<option value="+m+">"+mesalf[i]);           
           }                                                              
        }                                                                     
       </script>                                                                
     </select>&nbsp;A&ntilde;o
     <select name=nyear>                                              
      <script language=javascript>                                    
       var ano=mydate.getYear();                                    
       var prox=ano+1;                                              
       for (i = ano-1; i < prox; i++)                               
       {                                                           
          if (i==ano)                                              
          {                                                      
             document.write("<option value="+i+" selected>"+i);   
          } 
		  else                                                 
          {                                                    
             document.write("<option value="+i+">"+i);         
          }                                                    
       }                                                           
      </script>                                                       
     </select> </div>                                           
    </td>
  </tr>
  <tr  class=Estilo1>
    <td width=30% height=50 valign=top>
     <input type="radio" name="fecha" id="fecha" value="m" />Mensual</td>
    <td width=70% height=50 valign=top>
     <div id="mmaaaa">&nbsp;Mes
     <select name=nmes>                                                        
       <script language=javascript>                                             
        var mes=mydate.getMonth();                                             
        var mesalf=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");   
        for (i = 0; i < 12; i++)                                               
        {                                                                     
           m = i +1;                                                          
           if (i==mes)                                                        
           {                                                                
              document.write("<option value="+m+" selected>"+mesalf[i]);     
           } 
		   else                                                           
           {                                                              
              document.write("<option value="+m+">"+mesalf[i]);           
           }                                                              
        }                                                                     
       </script>                                                                
     </select>&nbsp;A&ntilde;o
     <select name=nyear>                                              
      <script language=javascript>                                    
       var ano=mydate.getYear();                                    
       var prox=ano+1;                                              
       for (i = ano-1; i < prox; i++)                               
       {                                                           
          if (i==ano)                                              
          {                                                      
             document.write("<option value="+i+" selected>"+i);   
          } 
		  else                                                 
          {                                                    
             document.write("<option value="+i+">"+i);         
          }                                                    
       }                                                           
      </script>                                                       
     </select></div>
    </td>
  </tr>
  <tr>
    <td height=50 colspan=2 align=center>
      <input type="submit" name="procesar" id="procesar" value="Procesar" />
    </td>
    </tr>
</table>
</form> 
Espero haberme dado ha entender. Espero prontas respuestas y agradecimientos para quien me pueda ayudar.
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 14:02.