Limpar o cache da DIV

[sedex 0]

Pessoal, to precisando de uma ajudinha de vocês.

 

 

Estava com um problema em carregar o conteúdo dentro de uma div e atualiza através de ajax. (Isso está funcionando)

 

 

O problema agora é o seguinte:

 

Quando clico em alguma opção do menu para atualizar dentro dessa DIV, ela até atualiza normalmente, mas o que ocorre...

 

O código contido anteriormente dentro da DIV fica oculto acima do conteúdo atual.

 

E não sei como atualizar a DIV e fazer com que o conteúdo anterior não apareça!

 

Alguém saberia me dizer o que fazer?

[Marcio Leandro 0]

Movido: PHP => DHTML/AJAX

[DSerma 19]

document.getElementById("id_da_div").innerHTML = XmlHttp.responseText

A função "innerHTML" sobreescreve TODO o conteudo dentro do elemento que você passa atraves do "document.getElementById"...

 

Ou seja, ele elimina o conteudo anterior e deixa apenas o "novo"...

 

Abraços...

[sedex 0]

Estou usando assim:

 

function incluir (url)

{

document.getElementById('include').innerHTML = "<img src='loading.gif' />";

 

myConn.connect("include.php", "GET", "variavel="+url, inclusao);

}

 

Se eu colocar assim:

 

function incluir (url)

{

document.getElementById("include").innerHTML = XmlHttp.responseText;

myConn.connect("include.php", "GET", "variavel="+url, inclusao);

}

 

Onde colocaria aquela imagem de loading!

[DSerma 19]

Eu estou falando do innerHTML da resposta da requisição XmlHttp, não de quandoi a requisição ainda não foi enviada... ¬¬

[sedex 0]

Esta assim:

 

var myConn = new XHConn();

if (!myConn) alert("Ocorreu um erro!");

var inclusao = function (oXML) { document.getElementById('include').innerHTML = oXML.responseText; };

 

 

e o arquivo XHConn.js

 

function XHConn()

{

var xmlhttp, bComplete = false;

try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }

catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }

catch (e) { try { xmlhttp = new XMLHttpRequest(); }

catch (e) { xmlhttp = false; }}}

if (!xmlhttp) return null;

this.connect = function(sURL, sMethod, sVars, fnDone)

{

if (!xmlhttp) return false;

bComplete = false;

sMethod = sMethod.toUpperCase();

 

try {

if (sMethod == "GET")

{

xmlhttp.open(sMethod, sURL+"?"+sVars, true);

sVars = "";

}

else

{

xmlhttp.open(sMethod, sURL, true);

xmlhttp.setRequestHeader("Method", "POST "+sURL+" HTTP/1.1");

xmlhttp.setRequestHeader("Content-Type",

"application/x-www-form-urlencoded");

}

xmlhttp.onreadystatechange = function(){

if (xmlhttp.readyState == 4 && !bComplete)

{

bComplete = true;

fnDone(xmlhttp);

}};

xmlhttp.send(sVars);

}

catch(z) { return false; }

return true;

};

return this;

}