Von buttonToPage() auf gleiche Seite wieder zurück ohne Umwege

Question

Hallo SoSci Survey Support,

vielen Dank für Ihre bisherige Hilfe!

Ich habe in meinem Projekt einen Knopf eingefügt, der von der aktuellen Seite zu der Anleitung mittels folgendem PHP Code springt:

html(
  '<div style="text-align: center; margin: 2em 0">'.
  buttonToPage('instr', 'Noch Fragen? Hier klicken für die Anleitung').
  '</div>'
);

Wie kann ich auf der Anleitungsseite einen Knopf einfügen, der den Probanden wieder auf die gleiche Seite bringt von der aus der Anleitungs-Knopf gedrückt wurde?

In meinem Experiment möchte ich vermeiden, dass nach der Anleitung einfach auf weiter gedrückt wird, damit nicht alle Stimuli erneut gezeigt werden und damit die bisherigen Antworten nicht verändert werden.

Kann zudem zusätzlich gemessen werden, ob und auf welcher Seite/ welchen Seiten der Anleitungs-Knopf gedrückt wurde?

Vielen Dank im Voraus!

Answer 1

Sie können auf der Anleitungs-Seite den "Weiter"-Knopf ausblenden und den "Zurück"-Knopf anzeigen:

option('nextbutton', false);
option('backbutton', 'Okay, gelesen, zurück bitte');

Kann zudem zusätzlich gemessen werden, ob und auf welcher Seite/ welchen Seiten der Anleitungs-Knopf gedrückt wurde?

Wenn Sie buttonToPage() verwenden, dann sehen Sie zwar, ob die Seite aufgerufen wurde (anhand von TIME...), aber nicht auf welcher Seite der Knopf gedrückt wurde. Wenn Sie das haben möchten, können Sie über eine alternative Lösung nachdenken: Informationen per Mausklick einblenden und dort dann ergänzend den Abschnitt "Info-Nutzung speichern".

Comments

Das heißt die ganze Anleitung soll jetzt unter den button in der Frage-Anweisung?

Verliert sich damit nicht der Sinn des Anleitungs-Knopfes, wenn die Anleitung jetzt immer als Teil der Frage erscheint?

Vielen Dank für Ihre Unterstützung!

---

Ich sehe nicht, inwiefern die Anleitung als Teil der Frage erscheint?! Den Anleitungsknopf können Sie an jeder beliebigen Stelle auf der Seite platzieren (solange der JavaScript-Code darunter bleibt). Wenn Sie die Anleitung unter der Knopf haben wollen, sollten Sie den HTML-Code der Anleitung unter dem HTML-Code des Knopfes platzieren.

Und ich hatte ja schon angeregt, dass Sie mittels CSS dafür sorgen, dass die Anleitung nicht als Teil der Seite erscheint und den restlichen Inhalt verschiebt, sondern quasi als Box darüber liegt. Entsprechende Beispiele haben Sie unter https://www.soscisurvey.de/help/doku.php/de:create:popup

---

Derzeit erscheint mein <button type="button" onclick="buttonShow()">Hier klicken für die Anleitung!</button> direkt nach einer Frage als Teil der Anweisungen.
Verstehe ich Sie richtig, dass Sie empfehlen, dass ich den Textbaustein lösche und den Inhalt des Textbausteines direkt unter dem <button type="button" onclick="buttonShow()">Hier klicken für die Anleitung!</button> einfüge?

Sozusagen:
<button type="button" onclick="buttonShow()">Hier klicken für die Anleitung!</button>
<div id="infoBox" style="width: 400px; padding: 5px; background-color: white; border: 2px solid #CCCCCC">
<p> Hier steht die Anleitung </p>
<p style="text-align: center; margin-top: 20px">
    <button type="button" onclick="buttonHide()">Schließen</button>
  </p>
</div>

Ich bitte Sie höflich um eine verständlichere Erklärung. Vielen Dank!

---

> Derzeit erscheint mein <button type="button" onclick="buttonShow()">Hier klicken für die Anleitung!</button> direkt nach einer Frage als Teil der Anweisungen.

Verstehe, dies war so nicht ersichtlich. Sie können den HTML-Code natürlich an beliebiger Stelle einbinden. Und wenn Sie den Textbaustein mit passendem style/CSS einfügen, dann wird es auch nicht so aussehen, als sei die Anleitung Teil der Frage.

Wenn Sie die Anleitung (vom HTML-Code her) über die Frage setzen, müssen sie im style/CSS einfach dafür sorgen, dass es ein wenig weiter unten angezeigt wird. Das könnt z.B. so aussehen:

<div style="position: relative">
  <div id="infoBox" style="position: absolute; top: 80px; width: 400px; padding: 5px; background-color: white; border: 2px solid #CCCCCC">
  ... Inhalt ...
  </div>
</div>

Darunter dann die Frage mit dem <button>

---

Vielen Dank! Alles funktioniert!