Ir para o conteúdo

Carregar Páginas Com Ajax, Com History


Criado por Bruno, Out 06 2010 13:23

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 06 outubro 2010 - 13:23

<html>

<head>

<script type="text/javascript">

function id( el ){

	return document.getElementById( el );

}

function pega_arq( url ){

	var file = url.split('#');

	return ( file[1] ) ? file[1]+'.html' : 'home.html';

}

function getHTTPObject(){

	if(window.XMLHttpRequest){

		return new XMLHttpRequest();

	}else if(window.ActiveXObject){

		var prefixes = ["MSXML2", "Microsoft", "MSXML", "MSXML3"];

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

			try	{

				return new ActiveXObject(prefixes[i] + ".XMLHTTP");

			} catch (e) {}

		}

	}

}

var xmlHttp = getHTTPObject();

function abre( arq ){

	xmlHttp.open("GET", arq,true);

	xmlHttp.onreadystatechange = function(){

		if (xmlHttp.readyState == 4){

			id('content').innerHTML = xmlHttp.responseText;

		}		

	}

	xmlHttp.send( null );

}

window.onload = function(){

	var as = document.getElementsByTagName('a');



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

		as[i].onclick = function(){

			abre( pega_arq( this.href ) );

		}

	}

	abre( pega_arq( document.location.href ) );

}

</script>

</head>

<body>

	

	<a href="#contato">Contato</a>

	<a href="#missao-valores">Missão, Valores</a>

	<div id="content">

	</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)