Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Guilherme Mefle

enconder e aparecer div

Por , em Javascript

Recommended Posts

Guilherme Mefle    1

Guilherme Mefle
Postado

eai ..

 

estou com um problema ..

 

tenho esse codigo .

 

 

<body bgcolor="#f0f0f0" onLoad="document.formTroncos.txtNome.focus();">
 
<script> //scrip para deixar os formularios ocultos 
function cadastro(tronco){
if(tronco=="SIP" ){
document.getElementById("cadastroTroncos").style.display = "inline";
document.getElementById("cadastroTroncosIAX").style.display = "none";
document.getElementById("cadastroTroncosTDM").style.display = "none";
}
else if(tronco=="IAX2"){
document.getElementById("cadastroTroncosIAX").style.display = "inline";
document.getElementById("cadastroTroncos").style.display = "none";
document.getElementById("cadastroTroncosTDM").style.display = "none";
}
else if(tronco=="TDM/VIRTUAL"){
document.getElementById("cadastroTroncosTDM").style.display = "inline";
document.getElementById("cadastroTroncosIAX").style.display = "none";
document.getElementById("cadastroTroncos").style.display = "none";
}
}
</script>
 
 
<div id="bgTopo">
<div id="topo">
    <img alt="" src="../../imagens/CATIX-LOGO-BRANCO.png" title="Catix" />
<!-- drop down -->
    <ul class="topnav">
            
            
            
            <li>
                <a href="#">Sistema</a>
 
                <ul class="subnav">
                    <li><a href="#">Rede</a></li>
                    <li><a href="#">Backup</a></li>
                    <li><a href="#">Usuario</a></li>
                    <li><a href="#">Reiniciar/Desligar</a></li>
                    
 
                </ul>
            </li>
            <li>
                <a href="#">Pabx</a>
                <ul class="subnav">
                    <li><a href="../cadastro/ramais/listarRamal.php">Ramais</a></li>
                    <li><a href="troncos.php">Troncos</a></li>
                    <li><a href="#">Filas</a></li>
                    <li><a href="../grupos/grupos.php">Grupo</a></li>
                    <li><a href="#">URA</a></li>
                    <li><a href="#">Rotas</a></li>
                    <li><a href="../operadora/operadora.php">Operadora</a></li>
                    <li><a href="../tarifas/tarifas.php">Tarifas</a></li>
                    <li><a href="../centro_custo/listarCentro_custo.php">Centro de Custo</a></li>
                    <li><a href="../lista_negra/pesquisarListaNegra.php">Lista Negra</a></li>
                    <li><a href="../contatos/listarContatos.php">Contatos</a></li>
                    <li><a href="../agentes/listarAgentes.php">Agentes</a></li>
                    <li><a href="../plano_discagem/listarPlano_discagem.php">Plano Discagem</a></li>
                    <li><a href="../aplicacoes_personalizadas/listarAplicacoes.php">Aplicação Personalizada</a></li>
                    
                </ul>
            </li>
            <li><a href="#">CallCenter</a></li>
            
            <li>
                <a href="#">CRM</a>
 
                <ul class="subnav">
                    <li><a href="../../cadastro/cliente/listarCliente.php">Cliente</a></li>
                    <li><a href="../../ERP/administrador/cadastro/listarFornecedor.php">Fornecedor</a></li>
                    <li><a href="../../ERP/administrador/cadastro/listarUsuario.php">Usuario</a></li>
                    <li><a href="#">Carteira</a></li>
                    <li><a href="#">Conta Operacao</a></li>
 
                </ul>
            </li>
            
           
            <li>
                <a href="#">Relatório</a>
                <ul class="subnav">
                    
                    <li><a href="../../Relatorios/tarifador/tarifador.php">Tarifador</a></li>
                    <li><a href="#">#</a></li>
                    
                </ul>
            </li>
            <li><a href="exit.php">Sair</a></li>
 
        </ul>  
    <!-- -->
    </div>
</div>
<div id="bgCorpo">
<div id="bgCorpo1">
    <div id="corpoTroncos">
        <br />
        <br />
        <br />
            <div id='menuVerticalTroncos'>
<ul>
  <li><a href='troncos.php'><span>Novo Tronco</span></a></li>
            <li><a href='#'><span>Listar Troncos</span></a></li>
    <li><a href='#'><span>Multiplos Ramais</span></a></li>
            
   
   
</ul>
</div><!-- menuVertical -->
                    
        </div><!-- CorpoTroncos -->
          <br />
        <br />
        <br />
    
      <div id="cadastroTroncos" style="display:inline"> <!-- ========= 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>
            
            <label for="lblTecnologia">Tecnologia:</label>
            <select name='txtTecnologia' id='txtTecnologia' onchange="cadastro(this.value);">
            <option value=""><---- TIPO ----></option>
            <option value="SIP" >SIP</option> 
            <option value="IAX2" >IAX2</option>
            <option value="TDM/VIRTUAL">TDM/VIRTUAL</option>
            
            </select>
            </p>
            
            <p>
         Metodo de Registro:
    <input name="txtDiscagem" type="radio" value="normal" /> Normal
         <input name="txtDiscagem" type="radio" value="sem_autenticacao" /> 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 -->
   
   <div id="cadastroTroncosIAX" style="display:none;">
   
   <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>
             
            
            <label for="lblTecnologia">Tecnologia:</label>
            <select name='txtTecnologia' id='txtTecnologia' onchange="cadastro(this.value);">
            <option value="SIP" >SIP</option>
            <option value="IAX2" >IAX2</option>
            <option value="TDM/VIRTUAL">TDM/VIRTUAL</option>
            
            </select>
           
</p>
            
            <p>
         Metodo de Registro:
    <input name="txtDiscagem" type="radio" value="normal" /> Normal
         <input name="txtDiscagem" type="radio" value="sem_autenticacao" /> 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="all">all</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="all">all</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="all">all</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="all">all</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="all">all</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 />
    <p>
    <label for="lblTrunk">Trunk: </label>
            <select name='txtTrunk' id='txtTrunk'>
            <option value="sim">Sim</option>
            <option value="nao">Não</option>
    </select>
    
    </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>
   
   <div id="cadastroTroncosTDM" style="display:none;">
   
   <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>
             
            
            <label for="lblTecnologia">Tecnologia:</label>
            <select name='txtTecnologia' id='txtTecnologia' onchange="cadastro(this.value);">
            <option value="SIP" >SIP</option>
            <option value="IAX2" >IAX2</option>
            <option value="TDM/VIRTUAL">TDM/VIRTUAL</option>
            
            </select>
           
</p>
        
        <p>
            <label for="lblTecnologias">Tecnologias:</label>
            <input type="text" name="txtTecnologias" id="txtTecnologias" value="" size="35">
             
        </p>
        
        <p>
            <label for="lblExpressoes">Expressões:</label>
            <input type="text" name="txtExpressoes" id="txtExpressoes" 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 />
 
           
           <input type="submit" name="btSalvar" value="Salvar" class="salvar" id="enviar" />
 
</form>
 
   
   </div>
     
    </div><!-- bgCorpo1 --> 
 
</div><!-- bgCorpo -->
a minha dificuldade .. e q qndo eu clico em IAX2 em vez dele ficar selecionado ele nao ficar .
msm coisa com os outros ..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Mefle    1

Guilherme Mefle
Postado

acho q deixei meio no ar ..

 

tipo tenho meu formulario de SIP , qndo clico em IAX2 quero q aparece o formulario de IAX2 e fica selecionado o IAX2 , e esconda os formularios de TDM/Virtual e SIP .

 

qndo q clico em SIP aparece novamente o formulario de SIP e esconda os outros dois ..

 

e msm coisa com o TMD.

 

deu pra sacar ?

 

ajuda ai ..

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Cara, troca seu JS puro por jQuery e escreva MENOS !

 

simples, fácil e rápido.

 

 

 

$(function(){
$("#suaDiv").hide();
// aqui você esconde
 
$("#suaDiv2").show();
// aqui você mostra
 
$("#suaDiv3").css("display","none");
// aqui com CSS
});

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bacsh    4

Bacsh
Postado

Olá amigo, não vou lhe dar de mão beijada, mas com certeza isso irá lhe ajudar:

<script type="text/javascript">
var lastDiv = "";
function showDiv(divName) {
   
    if (lastDiv) {
        document.getElementById(lastDiv).className = "hiddenDiv";
    }
    
    if (divName && document.getElementById(divName)) {
        document.getElementById(divName).className = "visibleDiv";
        lastDiv = divName;
    }
}

</script>
<style type="text/css" media="screen">
.hiddenDiv {
    display: none;
    }
.visibleDiv {
    display: block;
    }

</style>

  <select name="ad_i" id="ad_i" onchange="showDiv(this.value);">
      <option value="in" >Option A </option>
      <option value="ba">Option B</option>
      <option value="gg">Option C</option>
   </select>


  <div class="hiddenDiv" id="ba">

  <br />

<select name="ad_type" id="ad_type">
      <option value="1" >1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
</select>


</div>

 <div class="hiddenDiv" id="gg">

  <br />

<select name="ad_type" id="ad_type">
      <option value="4" >4</option>
      <option value="3">3</option>
      <option value="2">2</option>
      <option value="1">1</option>
</select>


</div>

Procure entender o código, qualquer dúvida poste aqui :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Mefle    1

Guilherme Mefle
Postado

o problema é o seguinte.. ela ja ta aparecendo e sumindo.. ja fiz o codigo ..

 

 

<script> //scrip para deixar os formularios ocultos 
function cadastro(tronco){
if(tronco=="SIP" ){
document.getElementById("cadastroTroncos").style.display = "inline";
document.getElementById("cadastroTroncosIAX").style.display = "none";
document.getElementById("cadastroTroncosTDM").style.display = "none";
 
}
else if(tronco=="IAX2"){
document.getElementById("cadastroTroncosIAX").style.display = "inline";
document.getElementById("cadastroTroncos").style.display = "none";
document.getElementById("cadastroTroncosTDM").style.display = "none";
 
}
else if(tronco=="TDM/VIRTUAL"){
document.getElementById("cadastroTroncosTDM").style.display = "inline";
document.getElementById("cadastroTroncosIAX").style.display = "none";
document.getElementById("cadastroTroncos").style.display = "none";
 
}
}
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bacsh    4

Bacsh
Postado

Olá amigo, bom se você diz que já está desaparecendo e aparecendo corretamente então seu problema é quando você seleciona por exemplo IAX2 a opção no select continua aparecendo SIP, certo?

 

Bom o código que eu lhe passei resolve o problema, mas já como você não conseguiu adaptar, fica complicado, eu até iria fazer para você mas o seu código está muito confuso, basta você olhar a estrutura do código que coloquei como exemplo para você e adaptar. Olhe desse jeito talvez assim fique mais fácil para você:

 

 

<script type="text/javascript">
var lastDiv = "";
function showDiv(divName) {
   
    if (lastDiv) {
        document.getElementById(lastDiv).className = "hiddenDiv";
    }
    
    if (divName && document.getElementById(divName)) {
        document.getElementById(divName).className = "visibleDiv";
        lastDiv = divName;
    }
}

</script>

<style type="text/css" media="screen">
.hiddenDiv {
    display: none;
    }
.visibleDiv {
    display: block;
    }

</style>

<!-- Coloque esse css que está acima no seu código, você não precisa alterar o javascript, remova o que você fez e use o meu -->

<!-- Essa é a parte fixa, seu campo select -->
  <select name="ad_i" id="ad_i" onchange="showDiv(this.value);">
      <option value="SIPvalue" >SIP </option>
      <option value="IAX2value">IAX2</option>
      <option value="TDM/VIRTUALvalue">TDM/VIRTUAL</option>
   </select>

<!-- Fim da parte fixa -->

<!-- Isso é o que vai mudar selecionando SIP , o value do SIP  - SIPvalue é o id da div, é isso que faz a ligação -->

 <div class="hiddenDiv" id="SIPvalue">
   <!-- Coloque o que quiser aqui -->
 </div>

<!-- Fim do que você quer mostrar quando seleciona a opção SIP -->

<!-- Isso é o que vai mudar selecionando IAX2, o value do IAX2 - IAX2value é o id da div, é isso que faz a ligação -->

 <div class="hiddenDiv" id="IAX2value">
  <!-- Coloque o que quiser aqui -->
 </div>
<!-- Fim do que você quer mostrar quando seleciona a opção IAX2 -->

<!-- Basta você repetir o processo para as outras opções, você pode fazer quantas quiser, se ainda não entendeu ou não está conseguindo, organize o seu código, separe o que você quer mostrar e esconder com comentários, assim eu posso lhe ajudar, mas procure entender o que está acontecendo neste exemplo, qualquer dúvida é só falar -->

 

 



Compartilhar este post

Link para o post
Compartilhar em outros sites

Bacsh    4

Bacsh
Postado

Olá, que bom que você entendeu :) Fica tranquilo, não se esqueça de colocar o tópico como resolvido, qualquer coisa estamos ai :D

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito