Dropdown mit Grafik

[accessburn]

Hallo,
kann ich irgendwie ein Dropdown erstellen mit Grafik und data-fhem-cmd?

[Thyraz]

Für Grafik neben Text hatte ich hier mal rumgespielt:
https://forum.fhem.de/index.php/topic,65604.msg578306.html#msg578306

[accessburn]

Nah dran, jedoch müsste ich bei jedem Menüpunkt eine andere URL aufrufen. Schade, ich hatte gehofft das wäre etwas einfacher und ich finde das passende Widget dafür nur nicht

[Thyraz]

Ok, aber irgendwie bekommen wir das doch hin.

Man kann doch auch FHEM Kommandos direkt (also ohne spezifisches Widget) ausführen lassen.
Nutze ich mit ein paar Buttons.

Code Auswählen Erweitern


<div onclick="ftui.setFhemStatus('set dummy1 off');">All off!</div>

Quelle: https://github.com/knowthelist/fhem-tablet-ui#specials

Sollte man doch aber auch problemlos in ein CSS Dropdown integrieren können...

[accessburn]

Ok, aber irgendwie bekommen wir das doch hin.

Man kann doch auch FHEM Kommandos direkt (also ohne spezifisches Widget) ausführen lassen.
Nutze ich mit ein paar Buttons.

Code Auswählen Erweitern


<div onclick="ftui.setFhemStatus('set dummy1 off');">All off!</div>

Quelle: https://github.com/knowthelist/fhem-tablet-ui#specials

Sollte man doch aber auch problemlos in ein CSS Dropdown integrieren können...

So doof ist die Idee überhaupt nicht.

[accessburn]

habs mal getestet... Eine Toastnachricht wird nicht gesendet, scheint also nicht zu klappen.

Code Auswählen Erweitern

<select>
        <option><div onclick="ftui.setFhemStatus('set dummy1 off');">All off 1!</div></option>
        <option><div onclick="ftui.setFhemStatus('set dummy2 off');">All off 2!</div></option>
</select>


[Thyraz]

Ok, sieht aus als ob select/option keine DIVs als Inhalt erlauben.
Du wirst also dem select eine onchange Funktion geben müssen und in dieser dann bestimmen welche Option ausgewählt wurde.
Entsprechend dann eben ftui.setFhemStatus mit den entsprechenden Parametern aufrufen.

[accessburn]

Ich hab da bisschen rumgespielt, aber ich glaube ich bin auf dem Holzweg -.-

Code Auswählen Erweitern

<select name="test_select" id="testSelect" onchange="javascript: 'ftui.setFhemStatus' + document.getElementById('testSelect').value;">



EDIT...
Ein Teil wäre geschafft. Aber wie baue ich denn nun das ftui.setFhemStatus dort ein?

Code Auswählen Erweitern

<script type="text/javascript">
function send_ir(wert){
  alert(wert);
}
</script>
<select name="test_select" id="channel_list" onchange="javascript: send_ir(document.getElementById('channel_list').value);">
<option value="set IR_COMMAND TV_INFO">All off 1!</option>
<option value="set IR_COMMAND TV_INFO">All off 2!</option>
</select>



EDIT 2...
Manchmal hat man Himbeeren auf den Augen

Code Auswählen Erweitern

<script type="text/javascript">
function send_ir(wert){
  ftui.setFhemStatus(wert);
}
</script>


[ChrisK]

Du kannst das <select> auch komplett weglassen und mit sowas rumspielen: https://www.w3schools.com/css/css_dropdowns.asp

[accessburn]

Du kannst das <select> auch komplett weglassen und mit sowas rumspielen: https://www.w3schools.com/css/css_dropdowns.asp

Das müsste wohl wirklich sein, denn ftui nimmt die Grafiken in select nicht an