Janela com abas

Publicado por Perfil removido 20/12/2005

[ Hits: 10.348 ]

Download abas.zip




Ideal para aqueles que dividem seus formulários, mas enviam as informações todas juntas.

Esse script possue muitas utilizações.

  



Esconder código-fonte

// Aqui está as principais partes do script

//Funções em Javascript
<script language="JavaScript">

 function stAba(menu,conteudo)
 {
 this.menu = menu;
 this.conteudo = conteudo;
 }

 var arAbas = new Array();
 arAbas[0] = new stAba('td_opcao1','div_opcao1');
 arAbas[1] = new stAba('td_opcao2','div_opcao2');
 arAbas[2] = new stAba('td_opcao3','div_opcao3');

 function AlternarAbas(menu,conteudo)
 {
 for (i=0;i<arAbas.length;i++)
 {
  m = document.getElementById(arAbas[i].menu);
  m.className = 'menu';
  c = document.getElementById(arAbas[i].conteudo)
  c.style.display = 'none';
 }
 m = document.getElementById(menu)
 m.className = 'menu-sel';
 c = document.getElementById(conteudo)
 c.style.display = '';
 }

</script>

// Passando parametros
AlternarAbas('td_opcao1','div_opcao1')
AlternarAbas('td_opcao1','div_opcao2')
AlternarAbas('td_opcao1','div_opcao3')


//visualização da ação
 <div id="div_opcao1" class="conteudo" style="display: none">
   opção1
  </div>
  <div id="div_opcao2" class="conteudo" style="display: none">
   opção2
  </div>
  <div id="div_opcao3" class="conteudo" style="display: none">
  opção3
  </div>

Scripts recomendados

Fechar janela pop up automaticamente

Botão voltar e avançar

Indica a pagina dependendo da resolução do usuario

Mudando o layout dinamicamente

Escolha a cor de fundo


  

Comentários

Nenhum comentário foi encontrado.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts