Ajax Ladegrafik - Wie wird sowas eingebaut?

[daniel2]

Hallo alle zusammen,

ich unternehme gerade die ersten Schritte mit Ajax. Im Grunde klappt auch alles schon ganz passabel - was ich mich jetzt aber frage: Wie bekomme ich diese schicken Ladegrafiken angezeigt, während mein Script auf die Antwort des Servers wartet?

Ich habe mir ein kleines Testscript gebastelt, das ein php-Script aufruft, welches eingeltich nur eine sleep()-Funktion enthält ;-)

Angestoßen wird das ganze durch dieses HTML:
<a href="#" onClick="get_pause('delay',5)">Scriptausf&uuml;hrung verz&ouml;gern</a>

Daraufhin wird diese Funktion aufgerufen:
function get_pause(action,seconds) {

// XMLHttpRequest absetzen
 if(XMLHTTP.readyState==4 || XMLHTTP.readyState==0) {
  XMLHTTP.open("GET","get_xml_feed.php?action="+action+"&seconds="+seconds);
  XMLHTTP.onreadystatechange = cb_show_pause;
  XMLHTTP.send(null);
 }

}

Die Callback Funktion dürfte unerheblich sein (in diesem Fall gibt sie dann nur noch die Sekunden aus, um die das Script verögert wurde).

Meine Frage ist nun: Wo muss ansetzen, wenn ich während dem Warten auf die Antwort des Servers eine entsprechende Statusmeldung oder eine Ladegrafik anzeigen will? Ich vermute mal, ich muss irgendwie abfragen, welcher readyState gerade herrscht und bei readyState=1 ("Lädt gerade") irgendwas anzeigen? Aber wie sieht das im Detail aus?

Vielen Dank für eure Hilfe,
Grüße,
Daniel