Weiter-Knopf deaktivieren statt ausblenden

Question

Hallo!

Ich nutze diesen Code um den Weiter-Knopf nach Ablauf einer gewissen Zeit einzublenden:

<script type="text/javascript">
<!--
// Knopf zunächst ausblenden
SoSciTools.submitButtonsHide();
// Nach Ablauf von 60 Sek = 60000 ms wieder einblenden
window.setTimeout(
  SoSciTools.submitButtonsDisplay, 60000
)
// -->
</script>

Anstatt den Knopf jedoch komplett auszublenden, würde ich ihn gerne inaktivieren bis der Countdown abgelaufen ist. In HTML geht das mithilfe des "disabled" Attributs. Ist es möglich, das in SoSci zu verwenden?

Comments

"document.getElementById("submit0").disabled = true;" funktioniert nicht; dann wird der Weiter-Knopf normal angezeigt und funktioniert.

Answer 1

"document.getElementById("submit0").disabled = true;" funktioniert nicht

Dieser Befehl funktioniert - allerdings darf er erst ausgeführt werden, wenn die Seite geladen ist. Führt man ihn aus, bevor der Weiter-Knopf auf der Seite geladen wurde, findet das Script kein Element mit der ID "submit0".

Folgender HTML-/JavaScript-Code funktioniert wie gewünscht:

<script type="text/javascript">
window.addEventListener("load", function() {
    document.getElementById("submit0").disabled = true;
});
</script>

Comments

Das deaktivieren funktioniert. Wie kombiniere ich das mit dem Timer? Das hier funktioniert nicht: <script type="text/javascript">

window.addEventListener("load", function() {
    document.getElementById("submit0").disabled = true;
});

window.setTimeout(function () {
      document.getElementById("submit0").disabled = false;
      });
  }, 2000);
</script>

---

Meines Erachtens haben Sie eine geschweifte und eine runde Klammer zu viel am Ende.

---

Absolut! Danke für die Hilfe!