Zasto mi "ne radi" loading u AJAX-u

[ korisnicko_ime @ 21.12.2007. 17:47 ] @

Muci me samo jedna stvar kod ajax-a a to je da pre nego sto se vrati korisniku rezultat XMLHttpRequest-a zelim da prikazem slicicu ili tekst loading...Evo koja moje funkcije i kazite mi zbog cega nece da radi to.

Code:

//definisanje objekta Ajax za firefox i IE, koji prethodi  svakoj funkciji

    var Ajax=false;
    if(window.XMLHttpRequest){
        Ajax=new XMLHttpRequest();
        Ajax.overrideMimeType("text/xml");
    }
    else if (window.ActiveXObject){
        Ajax=new ActiveXObject("Microsoft.XMLHTTP");
    }

i onda funkcija koju pozivam sa php stranice

Code:

function dajPodatke(izvor,divID)
    {

    var obj=document.getElementById(divID);
    obj.innerHTML='<img src="ucitaj.gif" alt="ucitavam" border="0" align="absmiddle" /> ';

        if(Ajax){
        Ajax.open("GET", izvor);

        Ajax.onreadystatechange=function()
            {
                if(Ajax.readyState==4 && Ajax.status==200)
                {
                    obj.innerHTML=Ajax.responseText;
                }
            }
        Ajax.send(null);
        }
    }

video sam neka resenja da pomocu block display none prikazem slicicu cim klikne korisnik na nesto i jos se ne pozove JS funkcija, ali zeleo bih i mislim da je moguce da ta js funkcija prvo sa innerHTML posalje slicicu ili tekst loading, pa tek ona kad zavrsi posao dovlacenja podataka da se ta slicica skloni.

Kazite mi kako i gde gresim.

[ Aleksandar Ružičić @ 21.12.2007. 19:11 ] @

ja mogu da ti preporucim mnogo bolje resenje, neces se muciti i sve je jednostavno i sto je najbitnije radi kako treba, a to je jQuery biblioteka

sa njom bi to bilo krajnje jednostavno:

Code:

function dajPodatke(izvor, divID)
{
   var theDiv = $('#' + divID).html('<img src="ucitaj.gif" alt="ucitavam" border="0" align="absmiddle" /> ');

    $.ajax(
   {
       type: 'POST',
       url: izvor,
       success: function(data)
       {
           theDiv.html(data);
       }
   });
}