Automatisch weiter, aber nicht so schnell. Frage grün werden lassen, wenn beantwortet.

Question

Liebes SoScisurvey-Team,

Ich möchte einen altergerechten Online-Fragebogen designen, da ich mit Erwachsenen über 65 Jahren arbeite.

Ich habe "automatisches weiter" eingestellt, damit die Teilnehmer nicht zu oft klicken müssen. Allerdings springt der Fragebogen viel zu schnell zur nächsten Frage weiter, sodass es verwirrent ist.

1. Geht das Weiterspringen auch langsamer?
   (Wenn nicht, wie komme ich an den relevanten HTML/PHP/Java-Script, um das eventuell umzuprogramieren?)

Außerdem hätte ich gerne, dass die Frage wenn beantwortet grün wird, denn meine Probanden fragen sich oft, ob ihre Antwort jetzt bereits registriert wurde oder nicht.

1. Wie kann ich den Fragetext nach Beantwortung grün werden lassen?

Vielen Dank für Ihre Unterstützung!

Answer 1

Gute Fragen, auf die ich nur teilweise hilfreiche Antworten habe.

Was das automatische Weiter angeht, können Sie es mit folgender JavaScript-Funktion ausbremsen.

<script type="text/javascript">
<!--

var checkTimeout = 1000;
var checkAllowed = false;
SoSciTools.questionnaire.attachCheck(function() {
    if (checkAllowed) {
        return true;
    } else {
        window.setTimeout(function() {
            checkAllowed  = true;
            SoSciTools.submitPage();
        }, checkTimeout);
        return false;
    }
});

// -->
</script>

Vorsicht, hiermit wird jedes "Weiter" um eine Sekunde (s. checkTimeout) verzögert, egal ob automatisch oder durch Klick auf den Knopf.

Wie kann ich den Fragetext nach Beantwortung grün werden lassen?

Da werden Sie selbst tiefer ins JavaScript einsteigen müssen. Es gibt bisher nämlich keine einheitliche Funktion für alle Fragetypen, welche prüft, ob die Frage beantwortet wurde. Diese Funktion müsste eine CSS-Klasse für die Frage setzen, welche dann wiederum die Farbe ändern würde.

Wenn es bei Ihnen um einen spezifischen Fragetyp geht, kann ich gerne mal schauen, ob sich so etwas kurzfristig implementieren lässt. Ansonsten, wie geschrieben, müssten Sie sich ein wenig in JavaScript und CSS einarbeiten, um das gewünschte Ergebnis zu erzielen. Unterstützung dabei gibt es, wie immer, hier im Online-Support.