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.