FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Tobias am 27 April 2016, 13:26:22

Titel: Pupup öffnen bei klick irgendwo auf PageTab seite
Beitrag von: Tobias am 27 April 2016, 13:26:22
Hi,
ich bekomme es nicht hin, bzw verstehe wohl das Popup Widget nicht ;(
Ich habe eine PageTab Seite die die aktuellen Wetterwarnungen vom UWZ zeigt.
Ich möchte irgendwo auf der Seite drücken (onClick??) - dann soll sich ein Popup mit der UnwetterKarte aufmachen. NAch einen Klick irgendwo in das Popup soll es wieder zugehen.

Hat jemand mal ein BEispiel parat?
Titel: Antw:Pupup öffnen bei klick irgendwo auf PageTab seite
Beitrag von: setstate am 27 April 2016, 13:56:47
Dir Grundstruktur des Popup sieht so aus


<div data-type="popup" data-height="150px" data-width="250px">
  <div><!-- click object to open the popup --></div>
  <div class="dialog">
      <header>DIALOG</header>
      <div><!-- widget(s) inside the popup dialog --></div>
  </div>
</div>


Im Bereich "Click Object" kannst du beliebiges HTML setzten, was beim Klicken einen Dialog öffnet. Da kannst du Images, Widgets oder einfache DIVs mit Text benutzen
Titel: Antw:Pupup öffnen bei klick irgendwo auf PageTab seite
Beitrag von: Tobias am 30 April 2016, 06:40:10
Vielen Dank, so hat es funktioniert :)

Wie kann ich das Popup aber nun schließen indem ich auf ein selbstdefiniertes Image drücke?
Titel: Antw:Pupup öffnen bei klick irgendwo auf PageTab seite
Beitrag von: setstate am 30 April 2016, 07:06:21
Siehe Beispiel hier: https://github.com/knowthelist/fhem-tablet-ui/wiki/Popup

Der Trick ist, ein onClick bei deinem Image, was dann so tut, als hätten jemand auf das Close-X gedrückt.