onclick submit noch etwas verbessern

[Felix Riesterer]

Liebe Katharina,

Ich würde gerne nach dem Submit eine Ladegrafik anzeigen, gibt es hierfür eine Lösung?

Du könntest Dir eine eigene Funktion schreiben, die zuerst(!) die Ladegrafik anzeigt und dann das Formular abschickt. In etwa so vielleicht?

function mySubmit () {  
    document.myForm.className += " abgeschickt"; // <form class="..."> -> <form class="... abgeschickt">  
    return document.myForm.submit();  
}

Das Beispiel hängt an das Formular einen weiteren Klassennamen an (falls das Formular bereits einen oder mehrere Klassennamen hat). Mittels CSS kann nun ein bisher verstecktes Element sichtbar gemacht werden, welches zum einen das Formular selbst verdeckt (damit keine weiteren Elemente des Formulars betätigt werden können), und das zum Anderen eine animierte Throbber-Grafik anzeigt.

Dein Input-Element benötigt nun diesen onclick-Wert:
<input type="checkbox" name="samstag" value="1" onclick="mySubmit()">

Liebe Grüße,

Felix Riesterer.