Objekt Eigenschaften

Die Objekteigenschaften für das derzeit ausgewählte Objekt werden auf der rechten Seite des Editors angezeigt. Diese Eigenschaften bestimmen, wie die Objekte im Rahmen den Teilnehmern erscheinen. Viele Objekteigenschaften können zwischen den Versuchen geändert werden, während einige Eigenschaften (wie der Name des Objekts) festgelegt sind und sich zwischen den Versuchen nicht unterscheiden können. Eigenschaften, die geändert wurden (anders als der Standardwert), werden durch eine dunkelgraue Hintergrundfarbe angezeigt. Alle Eigenschaften, die zwischen den Versuchen geändert werden können, können dynamisch während der Ereignisausführung mit der Aktion "set obj property" geändert werden. Die "required" Eigenschaft von Objekten kann während der Laufzeit der Studie dynamisch geändert werden. Objekte werden nur dann als erforderlich angezeigt, solange sie nicht ausgeblendet sind (Sichtbarkeit = 0). Dies ermöglicht sehr interaktive und dynamische Experimente. Bitte siehe die Seite "Objekt Eigenschaften Tabellen" für eine detaillierte Übersicht aller Objektarten und deren Eigenschaften.

Im Task-Editor kann das Aussehen der Objekte geändert werden, um die Bearbeitung deiner Studie zu erleichtern. Es gibt 2 Objekteigenschaften, die dies ermöglichen: sperren und ausblenden.

Sperren: Ein Klick auf das kleine Schlosssymbol neben dem Namen eines Objekts im Objekte-Tab sperrt seine Position im Rahmen. Dies verhindert unbeabsichtigte Bewegungen oder Änderungen am Objekt während du die Studie bearbeitest.
Ausblenden: Ein Klick auf das kleine Augensymbol neben dem Namen eines Objekts im Objekte-Tab blendet das Objekt im Rahmen aus. Dies ist nützlich, wenn du mehrere Objekte gleichzeitig im Rahmen hast und nur eines oder mehrere gleichzeitig sehen möchtest, während du bearbeitest.

Beide Eigenschaften sind nur aktiv, während du die Studie bearbeitest. Das Sperren oder Ausblenden eines Objekts im Task-Editor ändert nicht, wie der Teilnehmer dieses Objekt während der Studie sieht.

Benutzerdefinierte CSS Eigenschaften

Eine CSS-Eigenschaft ist ein Stil eines Elements, das in HTML-Code geschrieben ist. Die CSS-Eigenschaften eines Elements können im Objekteigenschaften-Tab geändert werden, indem du auf das Element klickst und das Kästchen "CSS-Eigenschaften ändern" anklickst. Beispielsweise wird Beispielcode in grauer Schrift als Beispiel bereitgestellt.

der standardmäßige CSS-Code

Um benutzerdefinierten Code zu schreiben, benötigst du ein Referenzelement, seinen Selektornamen, einen Befehl und einen Wert. Um den Selektornamen für das Element zu finden, das du bearbeiten möchtest, klicke mit der rechten Maustaste auf das Element und wähle "untersuchen." Dadurch wird die Konsole auf deinem Gerät geöffnet. Zum Beispiel ist der Selektor für ein Textelement der Buchstabe p.

Element untersuchen

Beim Klicken auf Untersuchen:

Informationen in der Konsole

Du musst auch geschweifte Klammern für deinen Code verwenden. Ein Beispielcode, um die Farbe eines Textelements zu ändern, ist:

p{ background-color:green }

grüner Hintergrundcode

Während Eigenschaften wie Hintergrundfarbe leicht über das Fenster der Objekteigenschaften geändert werden können, gibt es Anwendungsfälle, in denen du spezifischer mit deinen CSS-Eigenschaften umgehen möchtest. Zum Beispiel können in Matrixelementen mehrere verschiedene CSS-Eigenschaften verwendet werden, um dein Element anzupassen.

ein Beispiel für mehrere CSS-Eigenschaften

Viele benutzerdefinierte CSS-Eigenschaften können mit mehreren Zeilen Code zum selben Element hinzugefügt werden.

Wenn du neu im Programmieren bist oder mehr Informationen über CSS erhalten möchtest, schau dir dieses Modul von MDN an.