Janela com abas

Publicado por Perfil removido 20/12/2005

[ Hits: 10.611 ]

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

Redireciona a página de acordo com a Resolução

Barras de navegação em CSS

Cor de fundo da página

Indica a pagina dependendo da resolução do usuario

Fechar janela pop up automaticamente


  

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