gondor: Grafik ausblenden nach abgeschlossenen AJAX-Funktionen

Beitrag lesen

Hallo,

ich habe ein kleines Problem:

Ich stoße über ein onChange 2 AJAX-Funktionen an:

HTML:
<select onchange="updateSizeSelect(); updateEditionSelect();" id="thumb">...</select>

JAVASCRIPT:
function updateEditionSelect() {

new Ajax.Request(url, {

method: "post",

onSuccess: function(r){
   fertig, und dann?
  },

onFailure: function(r){
   setErrorMessage(r);
  }
 });
}

function updateEditionSelect() {

new Ajax.Request(url, {

method: "post",

onSuccess: function(r){
   fertig, und dann?
  },

onFailure: function(r){
   setErrorMessage(r);
  }
 });
}

Die Funktionen lesen Werte aus Tabellen. Da es manchmal zu unterschiedlichen Ladezeiten kommt (Datenmenge groß, DSL-Leitung lahm,
etc.) wird die Ladezeit auf meiner Seite durch ein <div>-Element deutlich gemacht, indem ich eine Grafik auf display:block setze.

Nachdem die letzte Funktion abgearbeitet ist, soll das <div>-Element wieder auf display:none gesetzt werden.

Jetzt meine Frage:

Ich möchte natürlich die Grafik nur dann ausblenden, wenn beide Funktionen abgearbeitet sind. D.h. wenn eine Funktion mit Ihrer
Bearbeitung fertig ist, die andere aber noch arbeitet, soll die Grafik solange sichtbar bleiben, bis auch diese fertig ist.

Wie kann ich also sicherstellen, dass beide Funktionen mit Ihrer Berechnung durch sind?

Ist das Problem verständlich? Oder kann man das nicht realisieren?

Danke für Antworten,
gondor(..)