Ergebnis des Berechnungsfeldes wird im Frontend nicht angezeigt

Guten Tag,

ich möchte in einem Formular mithilfe eines Berechnungsfeldes eine einfache Berechnung durchführen. Der Benutzer soll über ein Listenfeld "Anzahl" eine Option wählen. Z.B. die Zahl "5". Diese soll dann mit der Zahl "2" addiert werden. In der Formel des Berechnungsfeldes schreibe ich "[ANZAHL]+2". Das Ergebnis soll im Frontend dynamisch angezeigt werden sobald der Benutzer die Option ausgewählt hat. Dies ist aber nicht der Fall. Das Ergebnis wird im Berechnungsfeld nicht angezeigt.

Kann mir jemand sagen woran der Fehler liegt?

Vielen Dank
Kilian

 

Hallo Kilian,
so wie du die Berechnung eingegeben hast, muss
- das Listenfeld "Anzahl" im Parameter "Name" den Wert "anzahl" haben (oder anders herum, der Platzhalter in der Berechnung ist der Name-Parameter des Feldes, das verwendet werden soll)
- im Listfeld jede Optionen als "Wert" eine Zahl enthalten
Wenn das alles korrekt eingestellt ist und trotzdem die Berechnung nicht funktioniert, dann ist ziemlich sicher ein Javascriptfehler auf der Seite.
Gibt dir die Browser-Konsole eine Fehlermeldung aus?
Gruß,
Aicha

Hallo Aicha,

danke für deine Rückmeldung. Deine Vermutungen habe ich kontrolliert. Diese sind korrekt.
- Das Listenfeld "Anzahl" hat als name den Wert "anzahl"
- Im Listenfeld ist auch in jeder Option eine Zahl eingetragen.

Es wird keine Fehlermeldung ausgegeben. Jedoch ist mir jetzt noch folgendes aufgefallen:
Wenn ich ein Berechnungsfeld in das Formular integriere funktioniert der submit-Button nicht. Ich kann ihn nicht anklicken.
Wie kann ich ein Javascriptfehler beheben?

Viele Grüße
Kilian

Hallo Kilian,
auch das ein klarer Hinweis auf einen Javascript-Fehler.

Javascript Fehler werden in der Browser-Konsole angezeigt.
Diese öffnest du, wenn du im entsprechenden Browser-Fenster mit dem Formular bist, mit der Tastenkombination "Str + Shift + I".
Dann auf den Reiter "Konsole" wechseln.
Dort werden ganz bestimmt Fehler angezeigt.

Kann ich einen Link zum Formular haben?

Gruß,
Aicha

Hallo Aicha,

hier der Linkt zum Formular: www.musikkapelle-feldhausen-harthausen.de/test.html

Grüße
Kilian

Hallo Kilian:

die Fehlermeldung lautet: call to eval() blocked by CSP

CSP, das ist die Content Security Policy, die für deine Webseite eingestellt ist.

Um im Javascript eine Berechnung ausführen zu können, muss die Funktion eval() verwendet werden.
Wenn die CSP der Seite dies nicht erlaubt, dann kann man die Berechnung nicht nutzen.

Joomla 4 kommt mit einem Plugin "HTTP Header".
Dort kann man die CSP konfigurieren.

Wenn ich in diesem Plugin die CSP konfiguriere, wie auf diesem Screenshot,
CSP Konfiguration
dann erhalte ich denselben Fehler.

Die Policy "default-src" muss komplett weg.

Ob in deinem Fall, die fehlerhafte CSP Konfiguration aus diesem Plugin kommt, oder ob sie evtl. irgendwo anders herkommt, kann ich nicht beurteilen.
Gruß,
Aicha