Ir para o conteúdo

Principio De Menu Em Abas


Criado por Bruno, Nov 17 2010 19:49

Não há respostas para este tópico
  • Por favor, faça o login para responder

#1 Bruno

Bruno
  • Bruno
  • Colaborador
  • 33 Revisões

Revisou 17 novembro 2010 - 19:49

<html>

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">

function id( el ){

	return document.getElementById( el );

}

function hide_all(){

	var divs = id('content').getElementsByTagName('div');

	for( var i=0; i<divs.length; i++ )

	{

		divs[i].style.display = 'none';

	}

}

/* http://www.javascriptkit.com/jsref/event.shtml */

function disablelink( e ){

	var evt = window.event || e

	if (evt.preventDefault) //supports preventDefault?

		evt.preventDefault()

	else //IE browser

		return false

}

window.onload = function(){

	hide_all();

	var as = id('content').getElementsByTagName('a');

	for( var i=0; i<as.length; i++ )

	{

		as[i].onclick = function( e ){

			hide_all();

			var id_el = this.href.split('#')

			

			id( id_el[1] ).style.display = 'block';			

			return disablelink( e );

		}

	}

}

</script>

</head>

<body>

	<div id="content">

		<a href="#historia">História</a><br />

		<div id="historia">Conteudo da História</div>

		

		<a href="#geografia">Geografia</a><br />

		<div id="geografia">Conteudo da Geografia</div>

		

		<a href="#matematica">Matemática</a><br />

		<div id="matematica">Conteudo da Matemática</div>



	</div><!-- /content -->

</body>

</html>





1 usuário(s) está(ão) lendo este código

1 membro(s), 0 visitante(s) e 0 membros anônimo(s)