Button Ladeanzeige mit Javascript für Kommentar-Formular

rilc0n

Hallo,

ich habe ein Formular für Kommentare erstellt und alles funktioniert soweit ganz gut.

Ein Wunsch habe ich aber noch, ich möchte gerne, wenn man auf den Button klickt, angezeigt wird, dass es geladen wird.

Manchmal dauert das Laden einige Sekunden und da kommt der Drank nochmal zu klicken.

Hier ist mein Kontaktformular: https://jsfiddle.net/ucjbrm5u/3/

Und hier habe ich so ein Beispiel gefunden, wie ich das haben will: http://jsfiddle.net/RJDgG/1/

Ich bin ein Looser in Javascript und weiß nicht genau, wie man das zusammen fügt. Ich habe es zwar schon versucht, aber im Moment noch erfolglos...

Kann mir bitte jemand einen Tipp geben, wie ich es hinkriege

Arne Drews

Du hast doch das Beispiel selber gepostet, was hindert Dich jetzt daran, das einzubauen?

rilc0n

Da passiert folgendes. Der Button zeigt zwar, dass es geladen wird aber das Formular wird dann nicht gesendet. Vielleicht mache ich da etwas falsch. Hier ist ein Beispiel:

https://jsfiddle.net/u0e09vku/

Arne Drews

Also wenn Du nur den Button deaktivieren und umlabeln willst, während die Daten per XHttp-Request gesendet werden, ist das imho ziemlich overloaded.
Gib Deiner Form eine ID, bspw. "myForm" und serialisiere die einfach über jQuerys $.post:

Code

$( '#btn' ).on( 'click', function(e) {


    e.preventDefault();
    var _btn = $( this );


    _btn.attr( 'disabled', 'disabled' ).html( 'Loading...' );
    $.post( 'zielseite.php', $('#myForm').serialize() );


});

Alles anzeigen

Nur mal ungetestet in der Kürze.
Jetzt kommen nur noch die Event-Handler für den Response, das sollte es gewesen sein.

Tags