FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: uron am 21 Juni 2020, 10:29:38

Titel: Widget antippen und Aktion auslösen
Beitrag von: uron am 21 Juni 2020, 10:29:38
Hallo,
ich suche nach einer Möglichkeit, beispielweise beim Antippen des Wetter-Widgets eine neue Seite im FTUI öffnen und (in diesem Beispiel) die Wetterprognose detaillierte darstellen zu lassen.
Ist das so ohne Weiteres möglich oder muss ich mit dem Widget Link arbeiten?
Wenn das ohne Weiters möglich ist frage ich mich natürlich wie?
Wenn es nur mit dem Widget "Link" geht, folgt die folgende Frage: Gibt es eine Möglichkeit den Link oder Button frei und transparent (z.B. als Text über dem Wetter-Widget) zu platzieren, ohne, dass sich alle anderen Elemente im Widget verschieben?

Gruß, uron
Titel: Antw:Widget antippen und Aktion auslösen
Beitrag von: uron am 03 November 2020, 15:18:38
Schade, hat keiner eine Idee?
Titel: Antw:Widget antippen und Aktion auslösen
Beitrag von: TomLee am 03 November 2020, 15:55:23
Ups, du schon wieder  ;)

Weiß nicht ob data-url="bliblablub.html" auch bei dem weather-Widget greift, versuchs mal.

Bei einem Button siehts bei mir so aus:

<div data-type="button" data-color="#aa6900" data-url="bliblablub.html" data-icon="fa-home" class="cell small"></div>
Titel: Antw:Widget antippen und Aktion auslösen
Beitrag von: uron am 03 November 2020, 15:59:05
Ich check das mal, ja, ich schon wieder! Bin in Coronazeiten dabei, alte Baustellen zu schließen?
Titel: Antw:Widget antippen und Aktion auslösen
Beitrag von: uron am 03 November 2020, 16:22:32
So, wie ich es jetzt mit meinen rudimentären HTML-Kenntnissen gemacht habe, klappt das nicht (direkt unter dem Header)! Ich habe dabei die url eines anderen Wetterdienstes genommen - nicht verwirren lassen!
<!DOCTYPE html>
<html>
<head></head>
<body>
<div class="page" id="1_start">
    <div class="gridster">
        <ul>
            <li data-row="1" data-col="1" data-sizey="6" data-sizex="5">
                <header>Wetter von Proplanta</header>
<div data-url="https://wetteronline.de"></div>
                <div class="sheet">
                  <div class="row">
                    <div class="cell">
                      <div data-type="label" class="darker bottom-space">Heute, max.</div>
                      <div data-type="label" data-device="OUT_WetterProplanta" data-get="fc0_tempMax" data-unit=" °C"  class="big"></div>
                    </div>
                    <div class="cell">
                      <div data-type="label" class="darker bottom-space">morgens</div>
                      <div data-type="weather" data-device="OUT_WetterProplanta" data-get="fc0_weatherMorningIcon" class="small" data-imageset="kleinklima"></div>
                      <div data-type="label" data-device="OUT_WetterProplanta" data-get="fc0_weatherMorning"></div>
                    </div>
                    <div class="cell">
                      <div data-type="label" class="darker bottom-space">mittags</div>
                      <div data-type="weather" data-device="OUT_WetterProplanta" data-get="fc0_weather12Icon" class="small" data-imageset="kleinklima"></div>
                      <div data-type="label" data-device="OUT_WetterProplanta" data-get="fc0_weather12"></div>
                    </div>
                    <div class="cell">
                      <div data-type="label" class="darker bottom-space">abends</div>
                      <div data-type="weather" data-device="OUT_WetterProplanta" data-get="fc0_weather18Icon" class="small" data-imageset="kleinklima"></div>
                      <div data-type="label" data-device="OUT_WetterProplanta" data-get="fc0_weather18"></div>
                    </div>
                  </div>
Titel: Antw:Widget antippen und Aktion auslösen
Beitrag von: TomLee am 03 November 2020, 16:46:08
Komm nicht mit was du da jetzt gerade vorhattest mit dem <div data-url="https://wetteronline.de"></div> ?  :-\

Verstehe es so das der gezeigte Code die detailliertere Darstellung sein soll, diese Seite möchtest du nach antippen eines Wetter-Icons auf der Hauptseite aufrufen ?

Dann muss das data-url doch in die Definition des weather-Widgets auf der Hauptseite ?

Titel: Antw:Widget antippen und Aktion auslösen
Beitrag von: uron am 03 November 2020, 17:06:47
Vielleicht ist meine Fragestellung unglücklich.
Mein Ziel ist es aus FTUI eine externe Internetseite aufzurufen, um detaillierte Fakten zu erfahren (z.B. Regenradar, 14-Tagewetter o.ä.), schließe ich danach wieder diese externe Seite, so wäre eine Rückkehr zu FTUI-home super!
Eine andere Möglichkeit wäre natürlich eine neue Seite im FTUI zu basteln und die gewünschten Informationen dort einzubauen.

Ist mein Wunsch des externen Seitenaufrufs abwegig?
Titel: Antw:Widget antippen und Aktion auslösen
Beitrag von: TomLee am 03 November 2020, 17:12:47
Das erste was mir da gleich kommt wäre iframe, mal einlesen, beschäftige mich mit FTUI nicht oft, kann auch sein das es mittlerweile andere Lösungen gibt.
Titel: Antw:Widget antippen und Aktion auslösen
Beitrag von: amenomade am 04 November 2020, 02:12:54
Ja, iframe in einem popup Widget oder in einer pagetab/pagebutton Seite
Titel: Antw:Widget antippen und Aktion auslösen
Beitrag von: uron am 04 November 2020, 06:51:21
Dann werde ich mich damit mal (erstmals) befassen und zu gegebener Zeit berichten.
Danke für eure Rückmeldungen!