Wie kann ich eine visuelle Darstellung einer persönlichen Auswertung programmieren?

Question

Hallo :)

Ich möchte gerne den Versuchspersonen eine persönliche Auswertung für ihren Extraversionsscore geben.

Hierfür habe ich bereits eine visuelle Darstellung mit HTML programmiert, aber ich verstehe nicht, wie ich die Verknüpfung zu dem value der Frage erstelle. (wie hier beschrieben https://www.soscisurvey.de/help/doku.php/de:create:feedback-visual)

Bis jetzt habe ich nur den Balken mit einem Regler und der Regler verschiebt sich nicht.
Es geht nur um den Rohwert von 14 Fragen und je nach Wert soll der Regler hoch oder niedrig stehen.

Schon mal Danke

Comments

Diese Anleitung beschreibt ja auch, wie man z.B. einen Mittelwert aus den Angaben der Befragten berechnet. Haben Sie so etwas schon erledigt? Wenn Sie z.B. mit debug($value) den Wert anzeigen, wir die korrekte Nummer ausgegeben?

Wenn ja, dann wäre der nächste Schritt die Koppelung. Die erfolgt über Platzhalter. Wie sehen Ihr PHP- und HTML-Code denn bisher aus?

---

Erst mal danke für deine Antwort.

Genau der Schritt ist mein Problem. Ich habe davor noch nie etwas programmiert und bin mit SoSci Survey noch nicht gut vertraut.
Ich muss von den Fragen A216_01_2 bis A216_13_2 die Summer bilden und diese mit der visuellen Darstellung verknüpfen.

Mein aktueller HTML-Code sieht wie folgt aus:

<!-- Überschrift für die Abbildung -->
<div class="title" style="text-align: center">Extraversion</div>
 
<div style="position: relative">
  <!-- Die Skala liegt im Hintergrund -->
  <div style="margin: 0 auto; width: 400px; height: 25px; background-image:url('ofb://slider.scale.sd-blue400S')">
      <!-- Zur Platzierung der Markierung wird eine Einheit (Bereich 0 bis 1) als Blockelement platziert -->
      <div style="position: absolute; top: -2px; left: 50%; width: 65px; height: 27px">
        <!-- Die eigentliche Markierung wird an der richtigen Stelle eingefügt -->
        <img src="ofb://slider.button.rhomb" alt="" style="position: absolute; left: A216_01_2 ; margin-left: -8px" />
      </div>
  </div>
</div>

---

> Ich muss von den Fragen A216_01_2 bis A216_13_2 die Summer bilden und diese mit der visuellen Darstellung verknüpfen

Dafür benötigen Sie ein klein wenig PHP-Code (also zusätzlich zum HTML-Code). Wie weit können Sie mit den PHP-Codes in der oben verlinkten Anleitung denn etwas anfangen, und ab wo wird es unklar?