Estou iniciando em ajax e tenho um problema que nao consegui resolver, por isso venho aqui pedir ajuda.
Tenho um código de ajax que abre uma página dentro de uma div (como se fosse iframe).
só que quando executo a função atravez de onclick, em outras palavras, qnd clico no link com a função, ele traz a página e exibe na div pré determinada para isso.
Eu preciso que eu possa escolher no onclick a página que abre(isso ja da para fazer) e a div.
Tentei de varias formas, mais não obitive sucesso.
não queria usar jquery para fazer isso pq facilita muito e eu quero aprender mais sobre ajax
alguem pode me ajudar?
código:
Ajax.js
function GetXMLHttp() {
if(navigator.appName == "Microsoft Internet Explorer") {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}
var xmlRequest = GetXMLHttp();
-------------------------------------------
instrucao.js
function abrirPag(valor){
var url = valor;
xmlRequest.open("GET",url,true);
xmlRequest.onreadystatechange = mudancaEstado;
xmlRequest.send(null);
if (xmlRequest.readyState == 1) {
document.getElementById("conteudo_mostrar").innerHTML = "<div style='width:100px; height:100px; margin:0 auto; font-family:Verdana; font-size:9px; color:#999;'><center><img src='loading.gif'><br><br />Aguarde</center></div>";
}
return url;
}
function mudancaEstado(){
if (xmlRequest.readyState == 4){
document.getElementById("conteudo_mostrar").innerHTML = xmlRequest.responseText;
}
}
-----------------------------------------------------------
html:
<a herf="javascript:void(0);" onclick="abrirPag('pagina.html');">link</a>
<div id="conteudo_mostrar"></div>
PS: a maneira que tentei fazer isso foi a seguinte
<a herf="javascript:void(0);" onclick="abrirPag('pagina.html','conteudo_mostrar');">link</a>
não funcionou...=/
Obrigado!
