Sicherheitsabfrage bei buttonToPage() einbauen

Question

Liebes Sosci Survey-Team,

am Ende meines Fragebogens befindet sich eine Seite mit einer Entspannungsübung. Über einen Button auf den vorherigen Seiten des Fragebogens sollen die Teilnehmenden die Möglichkeit haben, direkt zu der Entspannungsübung geleitet zu werden, wenn sie die Teilnahme abbrechen wollen.
Dafür nutze ich diesen PHP-Code:

// CSS für den speziellen Abbruch-Button definieren
html('
<style type="text/css">
  .abort-container input, 
  .abort-container button {
    background-color: #cc0000 !important; /* Dunkles Rot */
    color: #ffffff !important;           /* Weiße Schrift */
    border: none !important;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
  }
  .abort-container input:hover {
    background-color: #ff0000 !important; /* Hellere Farbe beim Drüberfahren */
  }
</style>
');

// Den Button innerhalb des Containers ausgeben
html(
  '<div class="abort-container" style="text-align: center; margin: 2em 0">'.
  buttonToPage('grounding', 'Teilnahme abbrechen').
  '</div>'
);

Gibt es eine Möglichkeit, dass beim Klick auf den Button nochmal eine Art Sicherheitsfrage erscheint, mit der die Teilnehmenden bestätigen müssen, dass sie die Teilnahme wirklich abbrechen wollen? Ich würde gerne verhindern, dass dies aus Versehen geschieht.

Danke im Voraus!

Answer 1

Sie können eine Sicherheitsabfrage mittels JavaScript ergänzen, z.B. mit folgendem HTML-Code unterhalb des Knopfes:

<script>
let button = document.getElementById("submit_grounding");
button.addEventListener("click", function(evt) {
    if (!confirm("Sind Sie sicher?")) {
        evt.preventDefault();
        return false;
    }
});
</script>

So oder so ähnlich. Falls es nicht funktioniert, posten Sie bitte einen Pretest-Link zur betroffenen Fragebogen-Seite.

Comments

Das klappt, vielen Dank für die schnelle Antwort!