Onload não funciona quando a página é carregada em uma div de outra.
Olá, tenho uma página (pag2.html) que ao ser carregada exibe um texto na tela através do evento onload. Porém quando tento abrir esta pagina em uma div (div1) de outra página (pag1.html) a mensagem não é exibida. Desde já agradeço a ajuda.
Seguem abaixo os códigos:
Arquivo pag1.html
<!DOCTYPE HTML>
<HTML lang="pt-br">
<HEAD>
</HEAD>
<meta charset="utf-8">
<script src="javas.js" charset="utf-8"></script>
<body>
<input type="button" value="Carregar..." onclick="carregar()" >
<div id="div1"></div>
</body>
</HTML>
Arquivo pag2.html
<!DOCTYPE HTML>
<HTML lang="pt-br">
<HEAD>
</HEAD>
<meta charset="utf-8">
<script src="javas.js" charset="utf-8"></script>
<body onload="mensagem()">
<div id="div2"></div>
</body>
</HTML>
Arquivo javas.js
function mensagem()
{
var text = "Mensagem.";
document.getElementById("div2").innerHTML = text;
}
function carregar()
{
xmlreq = CriaRequest();
if(xmlreq)
{
xmlreq.onreadystatechange = function() { resultado("div1", "pag2.html"); };
xmlreq.open("POST", pagina, true);
xmlreq.send('');
}
}
function resultado(elemento, pagina)
{
if(xmlreq.readyState == 4)
{
var res = xmlreq.responseText;
document.getElementById(elemento).innerHTML = res;
xmlreq.abort();
}
else if(xmlreq.readyState == 1)
{
var mensagem = '<b>Carregando...</b>';
document.getElementById(elemento).innerHTML = mensagem;
}
}Discussão (3)
Carregando comentários...