PUBLICIDADE
Este código tem nota
9,67

Autor

felipebh

Felipe Ferreira

membro deste agosto de 2008

Compartilhe e guarde

  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • linkto
  • Technorati
  • Simpy
  • del.icio.us
  • Faves: Fave It!

PUBLICIDADE

Enquete

Como você fará para aprender HTML5 / CSS3?

Componente para navegar em Abas com JavaScript


O código conisiste em uma classe em javascript que funciona como um componente que cria as abas, também conhecido como Tabs, e um arquivo css.

Fácil de usar e personalizar, só tem que declarar a classe a mandar adiconar.
<!-- Referencia a classe javascript -->
<script src="aba.js" type="text/javascript"></script>
<!-- Referencia ao Css -->
<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.htmlArquivo HTML575 bytes1423Baixar o Arquivo
aba.jsArquivo JS2,3 Kb1285Baixar o Arquivo
aba.cssArquivo CSS722 bytes1235Baixar o Arquivo
Sim   Não   Este código foi útil para você?
NotaComentário
10
germo comentou em 2/8/2009

caiu do céu

graças a deus eu achei esse codigo obrigada vlw
9
felipebh comentou em 6/12/2008

Esqueci das Imagens

Ao postar este codigo não coloquei as imagens q mudam a cor da aba quando é selecionada. Como não posso alterar este post, então criei um novo.

http://www.codigofonte.com.br/codigo/js-dhtml/menu-navegacao/classe-para-navegacao-por-abas-igual-ao-dotnet
10
danielh comentou em 23/11/2008

Exelente codigos

muito bom codigo era que eu tava presisando
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • A pontuação de comentários de conteúdo do próprio membro não serão computados.
  • 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.
  • Há um limite de 10 comentários por dia para cada membro.
  • Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

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
© 2006-2009 R&W Informática Ltda. - Todos os direitos reservados.