function openAjax() { 
var Ajax; 
try {Ajax = new XMLHttpRequest(); // XMLHttpRequest para browsers mais populares, como: Firefox, Safari, dentre outros. 
}catch(ee) { 
try {Ajax = new ActiveXObject("Msxml2.XMLHTTP"); // Para o IE da MS 
}catch(e) { 
try {Ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Para o IE da MS 
}catch(E) {Ajax = false; 
} 
} 
} 
return Ajax; 
} 

function carregaPag(id, ext, pag, variaveis) { 
if(document.getElementById) { // Para os browsers complacentes com o DOM W3C. 
var exibeResultado = document.getElementById(id); // div que exibirá o resultado. 
var Ajax = openAjax(); // Inicia o Ajax. 
Ajax.open("GET", pag+"."+ext+variaveis, true); // fazendo a requisição 
Ajax.onreadystatechange = function() 
{ 
if(Ajax.readyState == 1) { // Quando estiver carregando, exibe: carregando... 
exibeResultado.innerHTML = "<div style=\"background: red;color: #fff; position: absolute;left: 3px;top: 3px;padding: 5px 14px 5px 14px;\">Carregando . . .</div><div><font size=\"2\" face=\"Verdana, Arial, Helvetica, sans-serif\" color=\"#333333\">Carregando . . . </font></div>"; 
} 
if(Ajax.readyState == 4) { // Quando estiver tudo pronto. 
if(Ajax.status == 200) { 
var resultado = Ajax.responseText; // Coloca o retornado pelo Ajax nessa variável 
resultado = resultado.replace(/\+/g," "); // Resolve o problema dos acentos (saiba mais aqui: http://www.plugsites.net/leandro/?p=4) 
resultado = unescape(resultado); // Resolve o problema dos acentos 
exibeResultado.innerHTML = resultado; 
} else { 
exibeResultado.innerHTML = "Erro: ."; 
} 
} 
} 
Ajax.send(null); // submete 
} 
}