problema na atualização das divs

[buh]

pessoal tenho a div central a grande e a div do lado direito .. a do lado direito tem uma lista de usuarios e a central são as conversas do chat as duas são atualizadas constantemente.. de 1 em 1 segundo..

so que a acontecendu um problema ali.. as vezes ele atualiza a div usuarios na div conversa e as vezes ele coloca o que era pra ser na div conversa na div usuarios como podem ver na imagem.

os codigos que uso pra atualizar as divs são:

atualiza div usuarios:

// JavaScript Document
setInterval("usuarios()", 1000);
function usuarios(){
var body = "";

        if (window.XMLHttpRequest) {
                xmlhttp = new XMLHttpRequest();
        } else if (window.ActiveXObject) {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } else {
            alert("Seu navegador não suporta XMLHttpRequest.");
                return;
        }

    xmlhttp.open("POST", "usuarios.php", true);
    xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    xmlhttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
    xmlhttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
    xmlhttp.setRequestHeader("Pragma", "no-cache");

    xmlhttp.onreadystatechange = processReqChange1;
    xmlhttp.send(null);

}

function processReqChange1() {
    if (xmlhttp.readyState == 4) {
            if (xmlhttp.status == 200) {
                document.getElementById("usuarios").innerHTML = xmlhttp.responseText;
                } else {
                    alert("Problemas ao carregar o arquivo.");
                }
    }
}

atualiza div conversas:

// JavaScript Document
setInterval("messages()", 1000);


function messages(){
var body = "";

        if (window.XMLHttpRequest) {
                xmlhttp = new XMLHttpRequest();
        } else if (window.ActiveXObject) {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } else {
            alert("Seu navegador não suporta XMLHttpRequest.");
                return;
        }

    xmlhttp.open("POST", "conversas.php", true);
    xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    xmlhttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
    xmlhttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
    xmlhttp.setRequestHeader("Pragma", "no-cache");

    xmlhttp.onreadystatechange = processReqChange;
    xmlhttp.send(null);

}

function processReqChange() {
    if (xmlhttp.readyState == 4) {
            if (xmlhttp.status == 200) {
            document.getElementById("con").innerHTML = xmlhttp.responseText;
            document.getElementById("papo").value = document.getElementById("papo").value;
                } else {
                    alert("Problemas ao carregar o arquivo.");
                }
    }
}

to usando o mesmo codigo so mudei as páginas e ai fiz outras pequeninas mudanças prair vendo se resolvia.

embora o codigo seja basicamente o mesmo eu troquei o nome das funções e as div e as páginas .. o que eu devo fazer?

vlww

Editado Maio 3, 2009 por buh