ocutar e exibir div . e vim com o radio selecionado

Guilherme Mefle · Janeiro 16, 2013

eai .

tenho esse codigo

qndo eu clico em normal, ele esconde a div cadastrotroncos e semautenticacao

e aparece a div normal .

mais o radio button nao fica selecionado . queria q ele ficasse selecionado .

msm coisa acontece com o semautenticacao .

ele nao vem marcado . vai pro formulario mais nao fica marcado . :S

alguem pode dar uma forca ?

<script> //endereco deixar o formulario oculto
function autenticacao(tipoSIP){
if(tipoSIP=="normalSIP"){
document.getElementById("semautenticacao").style.display = "none";
document.getElementById("cadastroTroncos").style.display = "none";
document.getElementById("normal").style.display = "inline";
 
 
}else if(tipoSIP=="semautenticacaoSIP"){
document.getElementById("semautenticacao").style.display = "inline";
document.getElementById("cadastroTroncos").style.display = "none";
document.getElementById("normal").style.display = "none";
 
}
}
</script>
 
</head>
 
<body bgcolor="#f0f0f0" onLoad="document.formTroncos.txtNome.focus();">
 
 
   
      <div id="cadastroTroncos" > <!-- ========= cadastro troncos ======== -->
<br />
     <h3> Cadastro de Troncos </h3>
      <form name="formTroncos" action="" method="post" >
      <p>
            <label for="lblNome">Nome:</label>
            <input type="text" name="txtNome" id="txtNome" value="" size="35">
             
            </p>
            
                    
            <p>
         Metodo de Registro:
    <input name="txtDiscagem" type="radio" value="normalSIP" onClick="autenticacao(this.value);" > Normal
         <input name="txtDiscagem" type="radio" value="semautenticacaoSIP" onClick="autenticacao(this.value);"> Sem Autenticação
 
</p>
 
            <p>
            <label for="lblUsuario">Usuario:</label>
            <input type="text" name="txtUsuario" id="txtUsuario" value="" size="33">
          
            </p>
 
<p>
            <label for="lblSenha">Senha:</label>
            <input type="password" name="txtSenha" id="txtSenha" value="" size="35">            
            </p>
            
            <p>
            <label for="lblHost">Host :</label>
            <input type="text" name="txtHost" id="txtHost" value="" size="36">            
            </p>
            
            <p>
            <label for="lblOrigem">Usuario de Origem:</label>
            <input type="text" name="txtOrigem" id="txtOrigem" value="" size="35">            
            </p>
            
            <p>
            <label for="lblDominio">Dominio de Origem:</label>
            <input type="text" name="txtDominio" id="txtDominio" value="" size="35">            
            </p>
            
            
            <br />
            
<div id="codecs">
 
<div class="codec">
            <label for="lblCodec">Codec 1:</label><br />
            <select name='txtCodec' id='txtCodec'>
            <option value="todos">Todos</option>
            <option value="alaw">alaw</option>
            <option value="ulaw">ulaw</option>
            <option value="ilbc">ilbc</option>
            <option value="g729">g729</option>
            <option value="gsm">gsm</option>
            <option value="h264">h264</option>
            <option value="h263">h263</option>
            <option value="h263p">h263p</option>
            </select>
</div><!-- codec -->
    
<div class="codec2">
            <label for="lblCodec2">Codec 2:</label><br />
            <select name='txtCodec2' id='txtCodec2'>
            <option value="todos">Todos</option>
            <option value="alaw">alaw</option>
            <option value="ulaw">ulaw</option>
            <option value="ilbc">ilbc</option>
            <option value="g729">g729</option>
            <option value="gsm">gsm</option>
            <option value="h264">h264</option>
            <option value="h263">h263</option>
            <option value="h263p">h263p</option>
            </select>
</div><!-- codec2 -->
        
        <div class="codec3">
            <label for="lblCodec3">Codec 3:</label><br />
            <select name='txtCodec3' id='txtCodec3'>
            <option value="todos">Todos</option>
            <option value="alaw">alaw</option>
            <option value="ulaw">ulaw</option>
            <option value="ilbc">ilbc</option>
            <option value="g729">g729</option>
            <option value="gsm">gsm</option>
            <option value="h264">h264</option>
            <option value="h263">h263</option>
            <option value="h263p">h263p</option>
            </select>
</div><!-- codec3 -->
        
        <div class="codec4">
            <label for="lblCodec4">Codec 4:</label><br />
            <select name='txtCodec4' id='txtCodec4'>
            <option value="todos">Todos</option>
            <option value="alaw">alaw</option>
            <option value="ulaw">ulaw</option>
            <option value="ilbc">ilbc</option>
            <option value="g729">g729</option>
            <option value="gsm">gsm</option>
            <option value="h264">h264</option>
            <option value="h263">h263</option>
            <option value="h263p">h263p</option>
            </select>
</div><!-- codec4 -->
        
        <div class="codec5">
            <label for="lblCodec5">Codec 5:</label><br />
            <select name='txtCodec5' id='txtCodec5'>
            <option value="todos">Todos</option>
            <option value="alaw">alaw</option>
            <option value="ulaw">ulaw</option>
            <option value="ilbc">ilbc</option>
            <option value="g729">g729</option>
            <option value="gsm">gsm</option>
            <option value="h264">h264</option>
            <option value="h263">h263</option>
            <option value="h263p">h263p</option>
            </select>
</div><!-- codec5 -->
        
</div><!-- codecs --><br /><br /><br /><br />
 
<p>
         Modo de DTMF:
  <input name="txtDTMF" type="radio" value="rfc2833" /> rfc2833
         <input name="txtDTMF" type="radio" value="inband" /> inband
         <input name="txtDTMF" type="radio" value="info" /> info
 
</p>
          
     <br />
            
    <p>
         Tipo:
  <input name="txtTipoPeer" type="radio" value="peer" /> Peer
         <input name="txtTipoPeer" type="radio" value="friend" /> Friend
    </p>
    
    <br />
    
    <p>
            <label for="lblLimCanais">Limites de Canais:</label>
            <input type="text" name="txtLimCanais" id="txtLimCanais" value="" size="5">
          
    </p>
 
    
    <br />
 
<h3>Opções Avançadas </h3>
 
        <p>
        
        <input name="txtAutenticacao" type="checkbox" value="1" /> Forçar Autenticação Reversa
        </p>
        <p>
        <input name="txtAtravessar" type="checkbox" value="1" /> 
        Atravessar NAT
        </p>
        
        <p>
          <input name="txtMapeamentoRamais" type="checkbox" value="1" /> 
 Permitir Mapeamento de Ramais<br />
          <br />
          <p>
           <input name="txtCMinutos" type="checkbox" value="1" /> 
 Controle Minutos
          </p>
          
<p>
         <label for="lblTempo">Tempo Total:</label>
  <input type="text" name="txtTempo" id="txtTempo" value="" size="34"><font size="-2" color="#6B6B6B">* somente numeros</font>
         </p>
         
 
         
<p>
         Tipo de Controle:
  <input name="txtControle" type="radio" value="anual" /> Anual
         <input name="txtControle" type="radio" value="mensal" /> Mensal
<input name="txtControle" type="radio" value="diario" /> Diario
</p>
 
      
<br /><br />
 
           
           <input type="submit" name="btSalvar" value="Salvar" class="salvar" id="enviar" />
 
</form>
 
    </div><!-- cadastro -->
    
    <!-- ================= formulario de radio ( normal, sem autenticação ) ====================== -->
                
                <div id="normal" style="display:none"> 
<br />
     <h3> Cadastro de Troncos </h3>
      <p>
            <label for="lblNome">Nome:</label>
            <input type="text" name="txtNome" id="txtNome" value="" size="35">
             
            </p>
            
                        
            <p>
         Metodo de Registro:
    <input name="txtDiscagem" type="radio" value="normalSIP" onClick="autenticacao(this.value);"  /> Normal
         <input name="txtDiscagem" type="radio" value="semautenticacaoSIP" onClick="autenticacao(this.value);" /> Sem Autenticação
 
</p>
            
            <p>
            <label for="lblUsuario">Usuario:</label>
            <input type="text" name="txtUsuario" id="txtUsuario" value="" size="33">
          
            </p>
 
<p>
            <label for="lblSenha">Senha:</label>
            <input type="password" name="txtSenha" id="txtSenha" value="" size="35">            
            </p>
            
            <p>
            <label for="lblHost">Host :</label>
            <input type="text" name="txtHost" id="txtHost" value="" size="36">            
            </p>
            
            <p>
            <label for="lblOrigem">Usuario de Origem:</label>
            <input type="text" name="txtOrigem" id="txtOrigem" value="" size="35">            
            </p>
            
            <p>
            <label for="lblDominio">Dominio de Origem:</label>
            <input type="text" name="txtDominio" id="txtDominio" value="" size="35">            
            </p>
            
            
            <br />
            
<div id="codecs">
 
<div class="codec">
            <label for="lblCodec">Codec 1:</label><br />
            <select name='txtCodec' id='txtCodec'>
            <option value="todos">Todos</option>
            <option value="alaw">alaw</option>
            <option value="ulaw">ulaw</option>
            <option value="ilbc">ilbc</option>
            <option value="g729">g729</option>
            <option value="gsm">gsm</option>
            <option value="h264">h264</option>
            <option value="h263">h263</option>
            <option value="h263p">h263p</option>
            </select>
</div><!-- codec -->
    
<div class="codec2">
            <label for="lblCodec2">Codec 2:</label><br />
            <select name='txtCodec2' id='txtCodec2'>
            <option value="todos">Todos</option>
            <option value="alaw">alaw</option>
            <option value="ulaw">ulaw</option>
            <option value="ilbc">ilbc</option>
            <option value="g729">g729</option>
            <option value="gsm">gsm</option>
            <option value="h264">h264</option>
            <option value="h263">h263</option>
            <option value="h263p">h263p</option>
            </select>
</div><!-- codec2 -->
        
        <div class="codec3">
            <label for="lblCodec3">Codec 3:</label><br />
            <select name='txtCodec3' id='txtCodec3'>
            <option value="todos">Todos</option>
            <option value="alaw">alaw</option>
            <option value="ulaw">ulaw</option>
            <option value="ilbc">ilbc</option>
            <option value="g729">g729</option>
            <option value="gsm">gsm</option>
            <option value="h264">h264</option>
            <option value="h263">h263</option>
            <option value="h263p">h263p</option>
            </select>
</div><!-- codec3 -->
        
        <div class="codec4">
            <label for="lblCodec4">Codec 4:</label><br />
            <select name='txtCodec4' id='txtCodec4'>
            <option value="todos">Todos</option>
            <option value="alaw">alaw</option>
            <option value="ulaw">ulaw</option>
            <option value="ilbc">ilbc</option>
            <option value="g729">g729</option>
            <option value="gsm">gsm</option>
            <option value="h264">h264</option>
            <option value="h263">h263</option>
            <option value="h263p">h263p</option>
            </select>
</div><!-- codec4 -->
        
        <div class="codec5">
            <label for="lblCodec5">Codec 5:</label><br />
            <select name='txtCodec5' id='txtCodec5'>
            <option value="todos">Todos</option>
            <option value="alaw">alaw</option>
            <option value="ulaw">ulaw</option>
            <option value="ilbc">ilbc</option>
            <option value="g729">g729</option>
            <option value="gsm">gsm</option>
            <option value="h264">h264</option>
            <option value="h263">h263</option>
            <option value="h263p">h263p</option>
            </select>
</div><!-- codec5 -->
        
</div><!-- codecs --><br /><br /><br /><br />
 
<p>
         Modo de DTMF:
  <input name="txtDTMF" type="radio" value="rfc2833" /> rfc2833
         <input name="txtDTMF" type="radio" value="inband" /> inband
         <input name="txtDTMF" type="radio" value="info" /> info
 
</p>
          
     <br />
            
    <p>
         Tipo:
  <input name="txtTipoPeer" type="radio" value="peer" /> Peer
         <input name="txtTipoPeer" type="radio" value="friend" /> Friend
    </p>
    
    <br />
    
    <p>
            <label for="lblLimCanais">Limites de Canais:</label>
            <input type="text" name="txtLimCanais" id="txtLimCanais" value="" size="5">
          
    </p>
 
    
    <br />
 
<h3>Opções Avançadas </h3>
 
        <p>
        
        <input name="txtAutenticacao" type="checkbox" value="1" /> Forçar Autenticação Reversa
        </p>
        <p>
        <input name="txtAtravessar" type="checkbox" value="1" /> 
        Atravessar NAT
        </p>
        
        <p>
          <input name="txtMapeamentoRamais" type="checkbox" value="1" /> 
 Permitir Mapeamento de Ramais<br />
          <br />
          <p>
           <input name="txtCMinutos" type="checkbox" value="1" /> 
 Controle Minutos
          </p>
          
<p>
         <label for="lblTempo">Tempo Total:</label>
  <input type="text" name="txtTempo" id="txtTempo" value="" size="34"><font size="-2" color="#6B6B6B">* somente numeros</font>
         </p>
         
 
         
<p>
         Tipo de Controle:
  <input name="txtControle" type="radio" value="anual" /> Anual
         <input name="txtControle" type="radio" value="mensal" /> Mensal
<input name="txtControle" type="radio" value="diario" /> Diario
</p>
 
<br /><br />
 
<input type="submit" name="btSalvar" value="Salvar" class="salvar" id="enviar" />
 
    </div> <!-- ====== NORMAL ====== -->             
                
               <div id="semautenticacao" style="display:none">
               
               <br />
     <h3> Cadastro de Troncos </h3>
                
                <p>
            <label for="lblNome">Nome:</label>
            <input type="text" name="txtNome" id="txtNome" value="" size="35">
             
            </p>
            
                      
            <p>
         Metodo de Registro:
    <input name="txtDiscagem" type="radio" value="normalSIP" onClick=" autenticacao(this.value);" /> Normal
           <input name="txtDiscagem" type="radio" value="semautenticacaoSIP" onClick="autenticacao(this.value);" /> Sem Autenticação
 
</p>
            
             <p>
            <label for="lblHostRemoto">Host Remoto:</label>
            <input type="text" name="txtHostRemoto" id="txtHostRemoto" value="" size="35">
             
            </p>
            
            <br />
 
<h3>Opções Avançadas </h3>
 
        <p>
        
        <input name="txtAutenticacao" type="checkbox" value="1" /> Forçar Autenticação Reversa
        </p>
        <p>
        <input name="txtAtravessar" type="checkbox" value="1" /> 
        Atravessar NAT
        </p>
        
        <p>
          <input name="txtMapeamentoRamais" type="checkbox" value="1" /> 
 Permitir Mapeamento de Ramais<br />
          <br />
          <p>
           <input name="txtCMinutos" type="checkbox" value="1" /> 
 Controle Minutos
          </p>
          
<p>
         <label for="lblTempo">Tempo Total:</label>
  <input type="text" name="txtTempo" id="txtTempo" value="" size="34"><font size="-2" color="#6B6B6B">* somente numeros</font>
         </p>
         
 
         
<p>
         Tipo de Controle:
  <input name="txtControle" type="radio" value="anual" /> Anual
         <input name="txtControle" type="radio" value="mensal" /> Mensal
<input name="txtControle" type="radio" value="diario" /> Diario
</p>
 
      
<br /><br />
 
            <p>
           <input type="submit" name="btSalvar" value="Salvar" class="salvar" id="enviar" />
</p>
</div> <!-- =============== div dos radio do sip ============= -->
    
    
     
    </div><!-- bgCorpo1 --> 
 
</div><!-- bgCorpo -->

linuxboy123 · Janeiro 16, 2013

Só colocar checked no final dos seus radio buttons que ele irá vim selecionado

Guilherme Mefle · Janeiro 17, 2013

eu coloquei .. mais msm assim qndo eu clico no radio Normal <input name="txtDiscagem" type="radio" value="normalSIP" onClick="autenticacao(this.value);" checked /> Normal ele esconde as outras divs, semautenticacao e cadastroTroncos e msm assim nao fica com o normal selecionado ! :S

fernandotholl · Janeiro 17, 2013

Você não está deixando seu Input Radio ser marcado, pois ação está sendo disparada no Clique, o correto seria disparar a ação depois que o mesmo selecionou o radio, tente assim:

[inline]<input name="txtDiscagem" type="radio" value="normalSIP" onChange="autenticacao(this.value);">[/inline]

Guilherme Mefle · Janeiro 17, 2013

msm assim nao da certo .. ele vai pra formulario normal .

mais nao vai com o radio marcado :SS

fernandotholl · Janeiro 17, 2013

Estranho, era para funcionar. Outra solução então:

Coloca um id no radio, e o passa por parâmetro na sua função:

<input name="txtDiscagem" id="txtDiscagem" type="radio" value="normalSIP" onChange="autenticacao(this.value, 'txtDicagem');">

E depois, marque ele diretamente via JavaScript:

function autenticacao(tipoSIP, id){
    if(tipoSIP=="normalSIP"){
        document.getElementById("semautenticacao").style.display = "none";
        document.getElementById("cadastroTroncos").style.display = "none";
        document.getElementById("normal").style.display = "inline";

    }else if(tipoSIP=="semautenticacaoSIP"){
        document.getElementById("semautenticacao").style.display = "inline";
        document.getElementById("cadastroTroncos").style.display = "none";
        document.getElementById("normal").style.display = "none";
    }
    
    /* Seleciona Radio pelo ID */
    document.getElementeById(id).checked = true;

}

Não é uma solução elegante, mais pelo menos funcional. :)

Entrar

Arquivado

ocutar e exibir div . e vim com o radio selecionado

Recommended Posts

Guilherme Mefle 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

linuxboy123 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Guilherme Mefle 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

fernandotholl 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

Guilherme Mefle 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

fernandotholl 19

Compartilhar este post

Link para o post

Compartilhar em outros sites

Modal Bootstrap 5

mostrar quanto tempo foi postado um conteudo

Configuração de página para impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante