Este código tem nota
10

Conheça o Autor

felipebh
Felipe
Ferreira

membro deste agosto de 2008.

Palavras-Chave

DotNet
JavaScript
Menu
Compartilhe e guarde
  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • linkto
  • Technorati
  • Simpy
  • del.icio.us
  • Faves: Fave It!
JavaScript - DHTML / Menus e Navegação

Classe para navegação por abas igual ao DotNet

visto por 2640 vez(es)

É 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.
<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>

ArquivoTipoTamanhoHits 
aba.zipArquivo ZIP4,5 Kb926Baixar o Arquivo
Sim   Não   Este código foi útil para você?
NotaComentário
10
Muito bom
muito bom e economiza espaço
enviado por victords em 12/6/2009
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
  • Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar abuso)

Comente

     (ainda não tem cadastro? clique aqui!)


Máximo de 30 caracteres

Máximo de 255 caracteres
 

R&W Consulting - Soluções Web Hospedagem UOL HOST PagSeguro - solução para pagamentos online
Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco
© 2006-2009 R&W Informática Ltda. - Todos os direitos reservados.