Randomisierung Stimulusmaterial + Funktion Scrollen

Question

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!

Answer 1

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.

Comments

Tausend Dank! Ich habe den PHP-Code benutzt und es hat super funktioniert. Vielen Dank. das hätte ich selbst nicht hinbekommen!

Answer 2

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.

Comments

Anbei der Link: https://www.soscisurvey.de/Umfragewerbung2024/index.php?i=Y7CQIFZNJV0J&rnd=OMCH