Sempervivum

Du hast da zwei Elemente mit der ID "xfield". Für den Anfang ist es wahrscheinlich am einfachsten, wenn Du die IDs eindeutig machst und an die Funktion myRange() übergibst:
(Quelltext, 37 Zeilen)

Ich bin da nicht bis ins letzte Detail eingestiegen, aber mir scheint, das Problem liegt darin, dass die Eventlistener für die accuButtons innerhalb des Click-Handlers für #button-cart registriert werden. D. h. bei jedem Klick auf #button-cart kommt…

Bei dir heißen die Daten ja chartdata. Willst Du diese komplett austauschen, müsste es so aussehen:
barGraph.data = chartdata;
Willst Du die Labels beibehalten, so:
barGraph.data.datasets = chartdata.datasets;
alles ungetestet.

Wie ich gerade sehe, habe ich da ein wenig daneben gelegen: Es ist sehr einfach, die Daten einfach zu überschreiben, wie dieses Beispiel aus dem Handbuch zeigt:
(Quelltext, 2 Zeilen)

Ah so. Du hast ja dieses, um den Chart aufzubauen:
(Quelltext, 1 Zeile)

Die Variable barGraph ist dabei im success-Handler deines Ajax-Aufrufes gekapselt und Du kannst später nicht darauf zugreifen. Daher muss Du sie zunächst global machen, indem Du…

(Zitat)

Am besten das Handbuch Es gibt da eine Funktion update(), um einen Chart nach Änderung zu aktualisieren:
https://www.chartjs.org/docs/latest/developers/updates.html

Ist das das Open-Source chart.js, was Du benutzt?

Vielleicht wird der Sinn klarer, wenn man es mit document.querySelector() vergleicht: Hier kann man auch ein anderes Element als document verwenden und der Selector im Parameter wird dann nur innerhalb dieses Elementes gesucht. Z. B. so:
(Quelltext, 2…

Angesehen habe ich es mir aber leider verstehe ich es nicht: Es ist entweder das Menü oder das Hamburger-Icon sichtbar. Wie kann da das Menü das Icon überdecken?

(Zitat)

Hast Du das getestet oder ist das eine Mutmaßung? Wenn man let statt var verwendet, passiert das nicht und es braucht keine Klimmzüge.

Wenn ich mal deinen kryptischen Code außen vor lasse und nur dies lese:
(Zitat)

müsste dieser einfache und geradlinige Code doch tun, was Du vorhast:
(Quelltext, 10 Zeilen)

(Zitat)

Die beiden Lösungen haben gegensätzliche Eigenschaften:

Alles holen und clientseitig filtern:
Das erste Laden dauert länger aber die Umschaltung des Filters geht schnell. In jedem Fall wird das max. Datenvolumen übertragen.

Daten holen, je…

Was erwartest du ?, dass die Leute hier den Zauberstab schwingen und schon hast du die Lösung deines Problems?
Vielleicht müssen die Leute hier erst mal deinen Code analysieren und selbst testen bevor sie dir eine adäquate Antwort geben können und
das…

(Zitat)

Ob das einfach oder kompliziert ist, hängt wesentlich davon ab, ob Du auf das PHP auf der einen Seite und die Auswertung auf der anderen Seite ohne weiteres Zugriff hast. Du schreibst ja, dass Du Joomla verwendest und dann ist es u. U. im CMS…

Togglebutton wäre auch kein Problem, einfach einen Checkbutton mit Label und entspr. gestalten.

Wenn es nur zwei Optionen sind, könnte man daran denken, statt eines Select Radiobuttons mit Labels zu verwenden. Dann tut man sich mit der Gestaltung wesentlich leichter und ein benutzerdefinierter Haken wäre kein Problem.

Man muss dem Bild sowohl Breite als auch Höhe zuweisen, damit der Browser weiß, woran er es anpassen soll:
(Quelltext, 6 Zeilen)

https://codepen.io/Sempervivum/pen/KKwrdGB?editors=1100

(Zitat)

Text? Möglicher Weise ein Missverständnis, mein Hinweis mit object-fit bezog sich auf das Bild:
(Zitat)

Das geht mit CSS und object-fit, siehe hier:
https://wiki.selfhtml.org/wiki…haften/Anzeige/object-fit

Schön, dass es funktioniert. Aber noch eine Frage zum Verständnis: Bei meinem ersten Vorschlag mit Subquery bin ich davon ausgegangen, dass es eine 1-zu-1-Zuordnung zwischen Set-ID und Model-ID gibt. Inzwischen ist mir eingefallen, dass es ja U. U.…