Estou tentando chamar uma página para dentro de uma DIV com ID =conteudo, contida na pagina index e só esta funcionando no IE-8/Mosila/Safari, mas não funciona em IEs mais antigos. Meu objetivo é carregar
as outras páginas dentro da pagina principal para evitar reload. Veja os codigos:
MENU:
[/html]<div class="menu_horizontal">
<ul>
<li><a href="#" onclick="abrirPag('index.php');">Página Inicial</a></li>
<li><a href="#" onclick="abrirPag('Fale_conosco.php');">Fale Conosco</a></li>
<li><a href="#" onclick="abrirPag('Programas.php');">Programas</a></li>
<li><a href="#" onclick="abrirPag('Quem_somos.php');">Quem Somos</a></li>
<li><a href="#" onclick="abrirPag('Historia.php');">História</a></li>
<li><a href="#" onclick="abrirPag('Equipe.php');">Equipe</a></li>
<li><a href="#" onclick="abrirPag('Links.php');">Links</a></li>
<li><a href="#" onclick="abrirPag('Locutores.php');">Locutores</a></li>
<li><a href="#" onclick="abrirPag('Ouvinte.php');">Ouvinte</a></li>
</ul>
</div>
Funcões JS:
function abrirPag(valor){
var url = valor;
xmlRequest.onreadystatechange = mudancaEstado;
xmlRequest.open("GET",url,true);
xmlRequest.send(null);
if (xmlRequest.readyState == 1) {
document.getElementById("conteudo").innerHTML = "<img src='loader.gif'>";
}
return url;
}
function mudancaEstado(){
if (xmlRequest.readyState == 4){
document.getElementById("conteudo").innerHTML = xmlRequest.responseText;
}
}Ajax:
function GetXMLHttp() {
var xmlHttp;
try {
xmlHttp = new XMLHttpRequest();
}
catch(ee) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHttp");
}
catch(e) {
try {
xmlHttp = xmlhttp=new ActiveXObject("MSXML2.XMLHttp");
}
catch(e) {
alert("Seu browser não suporta AJAX!");
xmlHttp = false;
}
}
}
return xmlHttp;
}
var xmlRequest = GetXMLHttp();Já estou à duas semanas fazendo pesquisando e efetuando testes mas até agora não consegui descobrir o problema.
Não funciona em IEs < 8. Me ajudem por favor
Edição feita por: osvaldo luso, 16/12/2009, 16:10.
