JS wartet nicht bis function fertig ist (jQeury)

[MizeKatzi]

Hallo,

hab ein Formular, welches ich mit Ajax abschicke.
jQuery + Form Plugin.

Hier ist der JS Code

$(document).ready(function() {  
$('#myForm').ajaxForm({  
        data: { Ajax: '1' },  
        beforeSubmit:  beforeSEND,  // pre-submit callback  
        success:       resultHANDLE  // post-submit callback  
        });  
    });  
  
function beforeSEND () {  
    $('#myForm').fadeTo(0, 0.5);  
    $("textarea").addClass('loading');  
    $("textarea").animate({backgroundPositionX: 0},1500});  
}  
  
function resultHANDLE (responseText) {  
    // Do somethig with the result  
}

Die Funktion "beforeSEND" wird vor dem Ajax Request ausgeführt. Liefert diese false zurück, wird alles abgebrochen, sonst läufts weiter.

In den letzten 2 Code Zeilen in der Funktion "beforeSEND" wird einer Textarea ein Hintergrundbild hinzugefügt und dieses in der nächsten Zeile innerhalb von 1,5 Sekunden entlang geschoben. So wie eine Art Ladebalken.

Jedoch wartet JavaScript natürlich nicht bis diese Animation fertig ist, sondern sobald die Antwort kommt wird die Funktion "resultHANDLE" aufgerufen.

Ich möchte aber nun, dass der User diese Animation vollständig sieht bevor der Request abgesendet wird.

Kann mir irgendwer helfen? Tut mir leid, falls ich mich schlecht ausgedrückt habe, bitte einfach nachfragen...

[Matthias Apsel]

Om nah hoo pez nyeetz, MizeKatzi!

Ich möchte aber nun, dass der User diese Animation vollständig sieht bevor der Request abgesendet wird.

http://de.selfhtml.org/javascript/objekte/window.htm#set_timeout@title=setTimeout?

Matthias

[Gunther]

Hallo,

Jedoch wartet JavaScript natürlich nicht bis diese Animation fertig ist, sondern sobald die Antwort kommt wird die Funktion "resultHANDLE" aufgerufen.

Dafür haben die jQuery Entwickler extra den Parameter 'complete' vorgesehen - siehe: http://api.jquery.com/animate/

Ich möchte aber nun, dass der User diese Animation vollständig sieht bevor der Request abgesendet wird.

Hmmm ..., üblicherweise tut man alles dafür, dass dem User seine gewünschten Informationen so schnell wie möglich serviert werden ...!

Der Weg ist also erst die Funktion mit der Animation aufzurufen und über deren Complete-Parameter dann den Request (ohne Verzögerung) abzuschicken.

Gruß Gunther

[unknown]

Ich möchte aber nun, dass der User diese Animation vollständig sieht bevor der Request abgesendet wird.

Du kannst animate ein callback übergeben.
http://api.jquery.com/animate/#animate-properties-duration-easing-complete