Janela com abas

Descrição

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>