Hallo,
kann ich irgendwie ein Dropdown erstellen mit Grafik und data-fhem-cmd?
Für Grafik neben Text hatte ich hier mal rumgespielt:
https://forum.fhem.de/index.php/topic,65604.msg578306.html#msg578306
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
Ok, aber irgendwie bekommen wir das doch hin. :P
Man kann doch auch FHEM Kommandos direkt (also ohne spezifisches Widget) ausführen lassen.
Nutze ich mit ein paar Buttons.
<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...
Zitat von: Thyraz am 13 Juli 2017, 14:40:59
Ok, aber irgendwie bekommen wir das doch hin. :P
Man kann doch auch FHEM Kommandos direkt (also ohne spezifisches Widget) ausführen lassen.
Nutze ich mit ein paar Buttons.
<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.
habs mal getestet... Eine Toastnachricht wird nicht gesendet, scheint also nicht zu klappen.
<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>
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.
Ich hab da bisschen rumgespielt, aber ich glaube ich bin auf dem Holzweg -.-
<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?
<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 :-)
<script type="text/javascript">
function send_ir(wert){
ftui.setFhemStatus(wert);
}
</script>
Du kannst das <select> auch komplett weglassen und mit sowas rumspielen: https://www.w3schools.com/css/css_dropdowns.asp
Zitat von: ChrisK am 13 Juli 2017, 19:51:25
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