0 votes
in SoSci Survey (dt.) by s288516 (220 points)

Mit Hilfe eines HTML-Codes (position: sticky) habe ich es geschafft, dass mein Stimulusmaterial beim Scrollen sichtbar bleibt. Nun habe ich allerdings einen Zufallsgenerator eingestellt, der das Bildmaterial zufällig anzeigt. Auch hier möchte ich erreichen, dass das Bildmaterial beim Scrollen fixiert bleibt.

Dafür habe ich den folgenden HTML-Code verwendet:

<div style="position: sticky; top: 0px; text-align: center; z-index: 1;">
<img src="%random%" alt="" style="max-width: 100%; display: block; margin: 0 auto;">

Die zufällige Anzeige des Bildmaterials funktioniert wie gewünscht, aber die Sticky-Funktion funktioniert nicht. Muss ich hier etwas anders machen, oder funktioniert diese Funktion generell nicht bei dem Fragetyp "Zufallsgenerator"?

Vielen lieben Dank für die Hilfe!

2 Answers

0 votes
by SoSci Survey (323k points)
selected by s288516
 
Best answer

Sie können vorgehen wie in meiner anderen Antwort empfohlen oder Sie binden folgenden PHP-Code auf der Seite ein (und auf allen anderen Seiten, wo die Anzeige zu sehen ist) oder im Layout.

pageCSS('
    div#C001_qst {
      position: sticky;
      top: 0;
      z-index: 10;
    }
');

Damit wird nicht die Anzeige selbst "sticky", sondern der Zufallsgenerator C001.

by s288516 (220 points)
Tausend Dank! Ich habe den PHP-Code benutzt und es hat super funktioniert. Vielen Dank. das hätte ich selbst nicht hinbekommen!
0 votes
by SoSci Survey (323k points)

Wenn Sie einen Pretest-Link direkt zur betroffenen Seite posten möchten, kann ich gerne konkreter werden.

Die vage Antwort lautet: Wahrscheinlich nimmt der unsichtbare Kasten um die Frage den Bereich mit, der eigentlich scrollbar sein sollte. Speichern Sie den HTML-Code als Text im Fragenkatalog, und verwenden Sie replace(), um den Platzhalter %random% zu füllen, also z.B.

show('RG01'); // Zufallsgenerator einbinden
replace('%random%', 'RG01', 'response');
text('XY01');  // Der Text mit dem o.g. HTML-Code

Und als Kontxt zu Ihrer anderen Frage: Es würde in dem Fall reichen, auf den folgenden Seiten nur noch die letzte Zeile einzubinden.

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

...