Hallo Zusammen,
Ich habe ein Bootstrap 4 Form mit einem submit Button. Vor dem absenden der Form steht auf dem Button "Person suchen".
Sobald der Button geklickt wird, wird das Form gesendet und es soll innerhalb des Buttons ein Spinner(Kreisel als Wait-Cursor) erscheinen und der Text des Buttons soll umgestellt werden auf "Person wird gesucht..."
Das Problem ist, wenn ich Methode "personSuchenStart" ausgeführt wird, wird der spinner nicht aktiv. Wenn jedoch die zweite Zeile mit dem Textersetzen auskommentiert wird, wird der Spinner angezeigt.
Jedes für sich alleine funktioniert, zusammen jedoch nicht.
Hat jemand eine Idee?
Ich habe ein Bootstrap 4 Form mit einem submit Button. Vor dem absenden der Form steht auf dem Button "Person suchen".
Sobald der Button geklickt wird, wird das Form gesendet und es soll innerhalb des Buttons ein Spinner(Kreisel als Wait-Cursor) erscheinen und der Text des Buttons soll umgestellt werden auf "Person wird gesucht..."
Das Problem ist, wenn ich Methode "personSuchenStart" ausgeführt wird, wird der spinner nicht aktiv. Wenn jedoch die zweite Zeile mit dem Textersetzen auskommentiert wird, wird der Spinner angezeigt.
Jedes für sich alleine funktioniert, zusammen jedoch nicht.
Hat jemand eine Idee?
HTML-Code:
<button class="btn btn-primary btn-lg btn-block" type="submit" value="suchen" id="suchenBtn"> <span class="spinner-border spinner-border-sm" role="status" id="btnSpinner" style="display: none"></span> Person suchen </button>
Code:
function personSuchenStart(data){ document.getElementById("btnSpinner").style.display = ''; document.getElementById("suchenBtn").innerText = 'Person wird suchen...'; }
Kommentar