FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Carsten K. am 18 Januar 2016, 12:57:06

Titel: Image Map URL (data-fhem-cmd?) an FHEM senden
Beitrag von: Carsten K. am 18 Januar 2016, 12:57:06
Hallo,
ich habe für die Somfy-Steuerung als Oberflächenelement mal ein Bild (png) gemacht.
Dort soll das Hoch-/Runterfahren der Rollos durch Klick oben oder unten im Fenster des Rollos erfolgen.
Die Map funktioniert grundsätzlich.

Mein Problem: Die beim Klick abgesetzte URL öfnnet ein neues Fenster.

Habt Ihr eine Idee, wie die URL ähnlich wie beim DIV-Attribute data-fhem-cmd abgesetzt werden könnte?

Gruß
Obi

p.s.: scheint 'nen recht hohen WAF zu habe  8)

<li data-row="3" data-col="2" data-sizex="8" data-sizey="3">
   <header>ROLLO</header>
   <div>
<img src="somfy-fenster.png" width="892" height="305" alt="Fenster" usemap="#SOMFY">
  <map name="SOMFY">
    <area shape="rect" coords="1,5,360,40"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo1%20off" alt="Fenster Couch Hoch" title="Fenster Couch Hoch">
    <area shape="rect" coords="360,5,470,40"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo2%20off" alt="T&uuml;r Hoch" title="T&uuml;r Hoch">
    <area shape="rect" coords="540,5,700,40"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo3%20off" alt="Fenster Hoch" title="Fenster Hoch">
    <area shape="rect" coords="710,5,890,40"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo4%20off" alt="Fenster Hoch" title="Fenster Hoch">

<area shape="rect" coords="155,58,255,110"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo1%20stop" alt="Fenster Couch STOP" title="Fenster Couch STOP">
    <area shape="rect" coords="360,58,460,110"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo2%20stop" alt="T&uuml;r STOP" title="T&uuml;r STOP">
    <area shape="rect" coords="564,58,664,110"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo3%20stop" alt="Fenster STOP" title="Fenster STOP">
    <area shape="rect" coords="740,58,840,110"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo4%20stop" alt="Fenster STOP" title="Fenster STOP">
 
<area shape="rect" coords="1,130,360,160"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo1%20on" alt="Fenster Couch Runter" title="Fenster Couch Runter">
    <area shape="rect" coords="360,240,470,280"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo2%20on" alt="T&uuml;r Runter" title="T&uuml;r Runter">
    <area shape="rect" coords="540,130,700,160"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo3%20on" alt="Runter" title="Runter">
    <area shape="rect" coords="710,130,890,160"
          href="http://raspi:8083/fhem?cmd.WLAN=set%20wz.rollo4%20on" alt="Runter" title="Runter">
  </map>
  </div>
</li>
Titel: Antw:Image Map URL (data-fhem-cmd?) an FHEM senden
Beitrag von: setstate am 18 Januar 2016, 13:55:20
onclick="setFhemStatus('set dummy1 off')"
Titel: Antw:Image Map URL (data-fhem-cmd?) an FHEM senden
Beitrag von: tomster am 18 Januar 2016, 13:58:53
@obiwangi:

Häng Mal bitte einen Screenshot mit an. An Maßnahmen die den WAF erhöhen bin ich prinzipiell interessiert...
Titel: Antw:Image Map URL (data-fhem-cmd?) an FHEM senden
Beitrag von: Carsten K. am 18 Januar 2016, 16:28:23
Es handelt sich um vier Rollos.
Das "Stop"-Icon ist jeweils in der horizontalen Mitte des Fensters.

Die Datei ist nur der "erste Schuss", um die Technik zu prüfen.
Ich werde danach ein "echtes" Foto der Fenster verwenden.
Das wird aber schon fast die Abmessungen der jetzigen Grafik haben.
Titel: Antw:Image Map URL (data-fhem-cmd?) an FHEM senden
Beitrag von: Carsten K. am 18 Januar 2016, 16:39:13
Zitat von: setstate am 18 Januar 2016, 13:55:20
onclick="setFhemStatus('set dummy1 off')"
mmh - ich habe das jetzt so eingebaut:
<area shape="rect" coords="1,5,360,40" onclick="setFhemStatus('set wz.rollo1 off')"
          href="#" alt="Fenster Couch Hoch" title="Fenster Couch Hoch">

Funzt leider nicht.
Auch ohne href geht's nicht.
Muss ich für href noch was bestimmtes eintragen?
Titel: Antw:Image Map URL (data-fhem-cmd?) an FHEM senden
Beitrag von: setstate am 18 Januar 2016, 16:54:05
und mit onClick statt onclick ??

onClick="setFhemStatus('set wz.rollo1 off');return false"
Titel: Antw:Image Map URL (data-fhem-cmd?) an FHEM senden
Beitrag von: Carsten K. am 18 Januar 2016, 17:09:40
Zitat von: setstate am 18 Januar 2016, 16:54:05
und mit onClick statt onclick ??

onClick="setFhemStatus('set wz.rollo1 off');return false"

"onclick" ist anscheinend case-insensitive - beide Schreibweisen funktionieren.
(mein) Fehler: das Kommando in "onClick" muss mit Semikolon abgeschlossen werden.
Dementsprechend habe ich hinter dem "return false" auch ein Semikolon gesetzt.
Dieser Code funzt  :D
<area shape="rect" coords="1,5,360,40" onClick="setFhemStatus('set wz.rollo1 off');return false;"
          href="#" alt="Fenster Couch Hoch" title="Fenster Couch Hoch">

Ich nehme an, dass durch das "return false" folgendes passiert:
Genau das, was ich wollte   :) :) :)