Select-Widget - DIV-Inhalt in TabletUI tauschen?

[ToM_ToM]

Hallo,

gibt es eine Möglichkeit, aufgrund der Auswahl im Select-Widget den Inhalte eines DIV-Containers zu tauschen.

Grund: Ich möchte ein Select-Widget für meine Sonos-Quelle. Wenn ich dort "Radio" wähle, soll darunter ein Select-Widget mit meinen Radiosendern angezeigt werden, wähle ich dort "Playlist", soll ein Select-Widget mit meinen Playlisten darunter angezeigt werden, etc.

Dies kann man doch sicher per JavaScript irgendwie im Frontend lösen... oder?

VG, Thomas

[Standarduser]

Ich würde das mit einem unsichtbaren Swiper und einem Dummy lösen.

Select 1 setzt den Dummy auf den Inhalt "radio" oder "playlist". In Abhängigkeit des Inhaltes blendest Du die Swiper-Seite ein, die dann das zweite Select enthält. class="nopagination" blendet die Punkte am Swiper aus, die auf das Vorhandensein mehrerer Seiten hinweisen.

Ich hab Dir mal zwei Screenshots angehangen. Ausgewechselt wird da der mittlere Bereich. Allerdings ermittle ich in FHEM, welche Eingabequelle gerade läuft. In der linken Seitenleiste lässt sich diese ja jederzeit auswählen.

[ToM_ToM]

Hallo Standarduser,
das war auch meine Idee. Aber ich habe beim Swiper-Widget keine Möglichkeit gefunden, anzugeben welche Seite geöffnet werden soll.

Wie hast du das umgesetzt? Gibt es da eine Funktion die mir das Wiki nicht verrät?

[Standarduser]

Im Prinzip ist der Swiper ja noch vollständig im Wiki ausgespart, also ja, es gibt da was, das nicht im Wiki steht

Code Auswählen Erweitern

<div data-type="swiper" data-device="DG.ku.MM.Squeezebox" data-get="ftuiMediaProvider" data-states='["media","radio"]'>

Reihenfolge von data-states == Reihenfolge der Swiper-Seiten