Kann man die "aktuelle Summe" optisch hervorheben?

Question

Hallo,

ich habe bei einigen Fragen mit dem Format "Texteingabe offen" eine exakte Summe festgelegt. In der letzten Zeile wird die aktuelle Summe angezeigt.

1. Die Zahl der aktuellen Summe würde ich gern dick hervorheben, da Sie sich sonst kaum von den Eingabefeldern unterscheidet. Gibt es dafür eine Möglichkeit?

2. Kann man die aktuelle Summe so formatieren, dass sie z.B. rot wird, wenn die die festgelegte exakte Summe überschreitet?

Dankeschön und viele Grüße

Answer 1

ad 1) Ja, auf www.soscisurvey.de verwendet SoSci Survey für die Zeiöle mit der Summe mittlerweile die CSS-Klasse "s2sum". Das heißt, Sie können mit folgendem CSS-Code die Zeile fett setzen:

tr.s2sum td,
tr.s2sum input {
  font-weight: bold;
}

Einbinden können Sie diesen CSS-Code im Layout oer auf der Fragebogen-Seite mit dem Befehl pageCSS() via PHP-Code:

pageCSS('
    tr.s2sum td,
    tr.s2sum input {
      font-weight: bold;
    }
');

ad 2) Um das zu realisieren, müssten Sie ein wenig JavaScript programmieren. Und zwar müssten Sie bei jedem onchange in einem der Eingabefelder den Wert prüfen und abhängig davon das Feld mit der Summe entsprechend formatieren. Dies ist nicht ganz trivial.

Ich nehme diese Idee aber gerne für das nächste oder übernächste Update mit!

Comments

Danke für die ausführliche Antwort!

ad 1) Leider wird durch diesen Code nur der alternative Text für "Summe" auf der linken Seite der letzten Zeile hervorgehoben. Das habe ich davor bereits durch den Einsatz von ** erreicht. Die aktuelle Summe auf der rechten Seite, also die Zahl selbst wird nicht hervorgehoben, was eigentlich mein Ziel ist. Gibt es einen anderen CSS-Code dafür? Vielen Dank

---

Ich habe in dem CSS-Code oben noch ein "input" ergänzt. Damit sollte auch die Summe an sich hervorgehoben werden.