PoWl89: Abfolge von Funktionsaufrufen programmieren

Beitrag lesen

Hi!

Ich bin grade dabei ein Objekt zu schreiben das mir verschiedene Methoden zur verfügung stellt um divs auszufahren, einzufahren, ein- und auszufaden..

function fadeBox()
{
  this.fadeIn(id) {
    ...
  }

this.slideOut(id) {
    ...
  }

...usw
}

Nun kann man diese Funktionen ja zu unterschiedlichen zwecken kombinieren, z.B. div A einblenden
slideOut() <-- Platz schaffen für den Inhalt
fadeIn(A) <-- Inhalt einblenden

oder div A zu div B überblenden, wobei der Inhalt von B größer als der von A ist
slideOut() <-- Mehr Platz schaffen damit auch der Inhalt von B hin passt
fadeOut(A) und fadeIn(B) gleichzeitig <-- Inhalte überblenden

Da so Vorgänge wie faden und sliden nicht mit einem einzigen Funktionsaufruf getan sind müssen sich diese mit setTimeout mehrfach selbst aufrufen um sich schrittweise abzuarbeiten.

Ich grübel nur darüber nach, wie ich meinem Script nun am geschicktesten sage in welcher Reihenfolge es diese Funktionen aufrufen soll. Beim genannten Beispiel mit dem Überblenden muss zuerst die funktion slideOut() aufgerufen werden. Wenn diese alles erledigt hat muss diese die beiden funktionen fadeOut(A) und fadeIn(B) aufrufen, aber woher weiß, sie, dass sie es nun tun soll? Beim ersten genannten Beispiel muss sie nur die Funktion fadeIn(A) aufrufen.

Die funktionen einfach untereinander aufrufen geht ja nicht sonst läuft alles gleichzeitig ab.

Klar, viele Wege führen nach Rom und mir fallen schon Wege ein, nur wollte ich mich erstmal informieren wie ihr das am geschicktesten lösen würdet.

lg PoWl