Pupup öffnen bei klick irgendwo auf PageTab seite

[Tobias]

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?

[setstate]

Dir Grundstruktur des Popup sieht so aus

Code Auswählen Erweitern


<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

[Tobias]

Vielen Dank, so hat es funktioniert

Wie kann ich das Popup aber nun schließen indem ich auf ein selbstdefiniertes Image drücke?

[setstate]

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.