Image Map URL (data-fhem-cmd?) an FHEM senden

Begonnen von Carsten K., 18 Januar 2016, 12:57:06

Vorheriges Thema - Nächstes Thema

Carsten K.

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>
NUC FHEM on Debian, CC1101-USB-Lite 868MHz;
HM_HM_CC_RT_DN, HM-LC-SW1-PL2, HM_HM_TC_IT_WM_W_EU, HM-SEC-SC-2, HM-ES-TX-WM
FRITZ!DECT 200
Philips TV (Android), VuDuo2, VU Ultimo4k

setstate


tomster

@obiwangi:

Häng Mal bitte einen Screenshot mit an. An Maßnahmen die den WAF erhöhen bin ich prinzipiell interessiert...

Carsten K.

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.
NUC FHEM on Debian, CC1101-USB-Lite 868MHz;
HM_HM_CC_RT_DN, HM-LC-SW1-PL2, HM_HM_TC_IT_WM_W_EU, HM-SEC-SC-2, HM-ES-TX-WM
FRITZ!DECT 200
Philips TV (Android), VuDuo2, VU Ultimo4k

Carsten K.

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?
NUC FHEM on Debian, CC1101-USB-Lite 868MHz;
HM_HM_CC_RT_DN, HM-LC-SW1-PL2, HM_HM_TC_IT_WM_W_EU, HM-SEC-SC-2, HM-ES-TX-WM
FRITZ!DECT 200
Philips TV (Android), VuDuo2, VU Ultimo4k

setstate

#5
und mit onClick statt onclick ??

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

Carsten K.

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:

  • Das Link-Icon (Zeigefinger) wird angezeigt (ohne "href" bleibt nur der Standard-Mauszeiger)
  • Der Text aus dem title-Attribut wird angezeigt
  • Beim Klick passiert nix ausser dem onClick-Event
Genau das, was ich wollte   :) :) :)
NUC FHEM on Debian, CC1101-USB-Lite 868MHz;
HM_HM_CC_RT_DN, HM-LC-SW1-PL2, HM_HM_TC_IT_WM_W_EU, HM-SEC-SC-2, HM-ES-TX-WM
FRITZ!DECT 200
Philips TV (Android), VuDuo2, VU Ultimo4k