JavaScript - DHTML / Menus e Navegação
Classe para navegação por abas igual ao DotNet
enviado por Felipe Ferreira
É uma classe em javascript que simula o componente de abas (Tabs) do .NET.
É fácil de usar e muito funciononal basta criar divs com o conteúdo que será adicionado na aba e informar para a classe o id da div e o título que irá aparecer na aba.
Segue o exemplo completo no arquivo em anexo.
É fácil de usar e muito funciononal basta criar divs com o conteúdo que será adicionado na aba e informar para a classe o id da div e o título que irá aparecer na aba.
Segue o exemplo completo no arquivo em anexo.
<script src="aba.js" type="text/javascript"></script>
<link href="aba.css" type="text/css" rel="stylesheet">
<div id="divFora">
<div id="divDentro1"> div dentro 1 <input type="text" size="20"> </div>
<div id="divDentro2"> div dentro 2 </div>
<div id="divDentro3"> div dentro 3</div>
<div id="divDentro4"> div dentro 4</div>
</div>
<script>
var aba = new JTabControl("divFora",500,300);
aba.addTab("divDentro1", "Título 1");
aba.addTab("divDentro2", "Título 2");
aba.addTab("divDentro3", "Título 3");
aba.addTab("divDentro4", "Título 4");
</script>
<link href="aba.css" type="text/css" rel="stylesheet">
<div id="divFora">
<div id="divDentro1"> div dentro 1 <input type="text" size="20"> </div>
<div id="divDentro2"> div dentro 2 </div>
<div id="divDentro3"> div dentro 3</div>
<div id="divDentro4"> div dentro 4</div>
</div>
<script>
var aba = new JTabControl("divFora",500,300);
aba.addTab("divDentro1", "Título 1");
aba.addTab("divDentro2", "Título 2");
aba.addTab("divDentro3", "Título 3");
aba.addTab("divDentro4", "Título 4");
</script>
Versão impressa gerada em: quarta-feira, 25 de novembro de 2009
© Copyright 2006 - R&W Consulting.