Kärtchen einer Rangordnungsfrage in verschiedenen Farben

Question

Hallo,

ich habe eine Frage des Typs Rangordnung und würde gerne den verschiedenen Kärtchen unterschiedliche Hintergrundfarben geben.

Dafür habe ich folgenden PHP-Code auf der Seite verwendet, wie ich das aus einer anderen Frage hier im Forum abgeleitet habe:

question('VM01','spacing=4'); //Urlaubsziel

pageCSS('
div#VM01_01_Tkn { background-color: #33FF33; }
div#VM01_02_Tkn { background-color: #33FF33; }
div#VM01_03_Tkn { background-color: #FFFF00; }
div#VM01_04_Tkn { background-color: #FF9900; }
div#VM01_05_Tkn { background-color: #CC3333; }
');

Hiermit tut sich aber leider nichts. Was muss ich ändern?
Hier der Link zum Pretest: https://www.soscisurvey.de/test313654/?act=FrB7wyQLFQzxqNe5TthcRICx

Liebe Grüße

Answer 1

Wenn Sie in Ihrem Browser die Entwickertools aufrufen, haben Sie dort ein Werkzeug, um die Elemente anzuklicken und z.B. die HTML-ID einzusehen.

In Ihrem Fall stimmt einfach nur der letzte Unterstrich nicht.

falsch: VM01_01_Tkn

korrekt: VM01_01Tkn

Answer 2

Tatsächlich, doofer Fehler von mir. Vielen Dank!

Jetzt hätte ich eine weitere Frage zu dem Thema. Ich will im Prinzip das gleiche machen wie oben, aber mit einem anderen Fragentyp - nämlich mit "Lückentext geschlossen".

Bisher habe ich nur herausgefunden, wie ich alle Text-"Kärtchen" in einer anderen Farbe darstelle. In PHP:

question('TE01');

pageCSS('

div.s2option.unselectable { background-color: #33FF33; } 

>');

Aber wie mache ich das, wenn ich die einzelnen Kärtchen in unterschiedlichen Farben darstellen will? Hier kann ich mit den Entwicklertools für die einzelnen Elemente nicht die ID herausfinden??

Hier der Link zum Pretest: https://www.soscisurvey.de/test314669/?act=vfHsw7iaqgNKi7rlGZdnRy7A

Liebe Grüße

Comments

Die zur Auswahl stehenden Kärtchen erhalten keine eindeutige ID, weil es sich dabei um die Auswahloptionen handelt - nicht um die Items (das sind ja die Zielfelder). Aber ich kann Ihren Anwendungsfall gut nachvollziehen, und es sollte nicht weiter problematisch sein, wenn auch die verfügbaren Optionen (Kärtchen) HTML-IDs bekommen. Mit etwas Glück können wir diese Funktion bis morgen schon ergänzen.

---

Update: Auf www.soscisurvey.de ist nun ein Update installiert, welches den Kärtchen eine eindeutige ID zuweist. Bitteschön :)

---

Juhuuu, vielen vielen Dank!

---

Der Pretest-Link funktioniert noch ... ich habe aus Neugier mal reingeschaut und muss agen, dass das ziemlich lässig aussieht :) Darf ich einen Screenshot für die Anleitung machen - als Anwendungsbeispiel?

---

Finde ich auch :-) Klar, das kann gerne als Anwendungsbeispiel dienen.

---

So, noch ein wenig dünn ... aber mit irgendwas muss man ja anfangen:
https://www.soscisurvey.de/help/doku.php/de:create:questions:wordgaps#lueckentext_geschlossen