Hallo,
nur ein paar kleine Klöpse.
1. Ich habe Deine Generierung der Reihenfolge an den Anfang gestellt (am Ende nützt sie nicht so viel).
2. Dies war von mir nur kurz (wohl zu kurz) dargestellt.
Nämlich
src="/lime6/upload/surveys/{SID}/images/WNT{substr(QOrder,0,1)}.jpg"
src="/lime6/upload/surveys/{SID}/images/WNT{substr(QOrder,1,1)}.jpg"
Dies sollte heißen, dass die Einblendung der Bilder wie gehabt in der Gruppenbeschreibung mit "<img src="..."/> erfolgt.
Nur, dass hier beim Bild WNTx das x durch die Expression {substr(QOrder,0,1)}, also das erste Zeichen des Strings.
Dann das zweite Zeichen, also {substr(QOrder,1,1)}.
Und so fort.
Das dritte {substr(QOrder,2,1)}, das vierte {substr(QOrder,3,1)}
Ich habe einmal zusätzlich zu Deinen Bildern (die ich ja nicht sehen kann), meine oft verwursteten Boot-Bilder eingebaut.
Boot001: Meine Frau wartet, dass die Schleuse voll ist
Boot002: Fahrt durch den Kanal
Boot003: Boot vor der Schleuse
Boot004: Boot in der Schleuse
Jetzt hast Du allerdings einen Bindestrich in den String eingefügt. Dann ändert sich dies natürlich. Denn jetzt greifst Du ja das erste, dritte, fünfte und siebte Zeichen ab. "substr" beginnt bei "0", also substr(QOrder,0,1), substr(QOrder,2,1), substr(QOrder,4,1), substr(QOrder,6,1).
Einfach einmal im Handbuch über die implementierten Funktionen nachlesen.
Ergebnis ist dann so
Nehmen wir die erste Antwort:
P wurde zu Bild 2 beantwortet
A wurde zu Bild 3 beantwortet
S wurde zu Bild 1 beantwortet
F wurde zu Bild 4 beantwortet
Noch ein Letztes.
Bei den Buttons im theme "Bootswatch" ist der gewählte Button fast nicht zu erkennen.
Nicht gewählt hat er die Farbe #2C3E50
Gewählt ist es #233240.
Könnte man ändern Über Farben von Buttons habe ich mich auch schon des Öfteren ausgelassen.
Und denke daran: Beim Alter sollte nicht 1234 oder 999 möglich sein; am Besten "Maximale Zeichen: 2"
Noch einmal "Schönheit". Ich würde "Einwohner" in der zweiten Zeile erzwingen; einfach mit <br/>.
Das habe ich auch schon einmal eingebaut.
Außerdem habe in Frage P die <span>-Orgie herausgenommen und die css-Klassen entsprechend überschrieben, im Quellcode.
Items linksbündig und Radio-Buttons vertikal zentriert.
Das findest Du auch im "Tutorial 1: Matrizen", Kap. 16.
Hier Dein Werk zurück.
Und lösche meine schönen Boote dann auch.
Joffm
P.S.
Theoretisch könntest Du jetzt auch noch die vier Gruppen mit einem Randomisierungsgruppennamen versehen.