Ir para conteúdo
Fórum Script Brasil
  • 0

Função para carregar uma página em um div qualquer dinamicamente


rvbarreto

Pergunta

Boa noite,

Encontrei esse script em um site que mostra como usar Ajax para carregar uma página dentro de um div dinamicamente:

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 = "<img src='images/up.gif'>";  
   }  
     
   return url;  
   }  
    
   function mudancaEstado(){  
   if (xmlRequest.readyState == 4){  
   document.getElementById("conteudo_mostrar").innerHTML = xmlRequest.responseText;  
}  
}
onde xmlRequest é definido em outro arquivo chamado ajax.js:
function GetXMLHttp() {  
if(navigator.appName == "Microsoft Internet Explorer") {  
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
}  
else {  
xmlHttp = new XMLHttpRequest();  
}  
return xmlHttp;  
}  
   
var xmlRequest = GetXMLHttp();
Isso funciona perfeitamente. O arquivo é carregado a partir de OnClick():
<a href="#" onclick="abrirPag('Conteudo2.html');">Conteudo2</a>
<div id="conteudo_mostrar"></div>
Porém, eu tentei incrementar a função para que fosse possível rodar a página em um div definido na chamada da função:
function abrirPag(valor, target){  
   var url = valor;  
      
   xmlRequest.open("GET",url,true);  
   xmlRequest.onreadystatechange = mudancaEstado;  
   xmlRequest.send(null);  
      
   if (xmlRequest.readyState == 1) {  
   document.getElementById(target).innerHTML = "<img src='images/up.gif'>";  
   }  
     
   return url;  
   }  
    
   function mudancaEstado(){  
   if (xmlRequest.readyState == 4){  
   document.getElementById(target).innerHTML = xmlRequest.responseText;  
}  
}
E aí eu chamo usando:
<a href="#" onclick="abrirPag('Conteudo2.html', 'historico');">Historico</a>
<div id="historico"></div>

Só que nessa hora, ele mostra apenas a imagem <img src='images/up.gif'>, e não carrega a página nunca. O que eu estou fazendo de errado?

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...