Janela com abas

Publicado por Perfil removido 20/12/2005

[ Hits: 10.373 ]

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

Indica a pagina dependendo da resolução do usuario

BARRA PERSONALIZADA

Transparência no CSS

Cores de paginas

Mundando a classe css de uma tag dinamicamente


  

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