0 votes
in SoSci Survey (dt.) by s095010 (110 points)

Liebes Support Team,

ich möchte auf einer Fragebogenseite 4 Bilder anzeigen lassen. Die einzelnen Bilder sollten jedoch nur mittels Mausberührung sichtbar werden, sodass nur ein Bild gleichzeitig betrachtet werden kann. Dazu möchte ich die Brührungsdauer messen, sodass ich auf die Betrachtungsdauer der einzelnen Bilder schließen kann.

Vielen Dank im Voraus für eure Hilfe und beste Grüße!

by SoSci Survey (328k points)
Was sollen die Teilnehmer denn mit der Maus berühren?
by s095010 (110 points)
Optimalerweise sind vier beschriftete Boxen (2 in der ersten und 2 in der zweiten Zeile) auf der Fragebogenseite angeordnet, welche die Teilnehmer anklicken oder mit der Maus berühren, um die Bilder "aufzudecken".

1 Answer

0 votes
by SoSci Survey (328k points)

Die Box zum Berühren werden Sie mit ein wenig HTML-Code bauen müssen. Hier bietet sich eine absolute CSS-Positionierung an. In diesem Zuge sorgen Sie auch dafür, dass die Bilder an der richten Stelle erscheinen.

Und im nächsten Schritt brauchen Sie dann JavaScript-Code. Da können Sie sich ein wenig an den Beispielen zum Anzeigen von Informationen bei Maus-Berührung orientieren. Sie haben dann eine Funktion (pro Bild), welche sich um das ANzeigen kümmert und eine für das Ausblenden. Die für das Ausblenden rufen Sie natürlich gleich zu Beginn einmal auf.

Jetzt noch die Zeitmessung. Das erledigen auch gleich Ihre o.g. Funktionen. Und zwar muss die zum Anzeigen des Bildes den aktuellen Zeitstempel in eine JavaScript-Variable schreiben und die andere Funktion muss die Diefferenz rechnen und in einer internen Variable abspeichern. Vorsicht: Wenn dort schon eine Zeit steht, möchten Sie vermutlich addieren.

Wenn Sie bisher noch nicht programmiert haben, dann klingt das jetzt erstmal sehr schlimm. Aber keine Sorge ... Sie bekommen das hin. Starten Sie erstmal mit einer Box und einem Bild. Zu der Zeitmessung hier noch eine Frage mit Beispiel-Code.

Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

...