Ladebalken + AJAX geht nicht

[wing]

Guten Tag,

ich habe ein Skript geschrieben, dass einen Ladebalken in meine Webseite einbindet, sobald ich auf einen Ajax-link klicke. Der Balken wird wieder entfernt, sobald alle Daten geladen sind und angezeigt werden.

Nun ist es aber so: Die Funktion, die den Balken setzt, bzw. wieder entfernt, wird erst ausgeführt, sobald alle Daten (Ajax) geladen wurden. Nicht aber vorher, so wie es sein soll!

Kennt jemand das Problem? Oder kann mir jemand einen Tipp geben, wie ich es denn erreiche, dass JS eine Funktion nach der anderen erledigt?

Code:

function ladenstart() {
 if (ladebalken == 1) {
  if (document.getElementById("ladenstatus").innerHTML = "<img src="imgs/laden.gif" alt=" ... Laden ... " />") {
   return true;
  } else {
   return false;
  }
 } else {
  return true;
 }
}

function ergaenzen (p,k,s) {
 if (ladenstart()) {
 document.getElementById("vokerganz").innerHTML = sendReq("vok_index_formular.php","new=1&p=" + p + "&k=" + k +"&s=" + s);
 }
// ladenende();
}

Anmerkung: Ohne die Kontrollstrukturen hat es ebenso wenig funktioniert!

mfg wing