FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Schneewa am 11 September 2019, 07:28:41

Titel: Probleme mit dem Widget "Link"
Beitrag von: Schneewa am 11 September 2019, 07:28:41
Hi all,

Ich brauche eure Hilfe.

Wenn ich den original Code einfüge, funktioniert der Link


    <header>SELECT</header>
    <div data-type="select" data-items='["dummy1","dummy2","dummy3","dummy4"]' id="sendDev" class="notransmit w3x"></div>
    <div data-type="select" data-items='["param1","param2","param3","param4"]' id="sendParam" class="notransmit w3x"></div>
    <div data-type="select" data-items='["on","off"]' id="sendValue" class="notransmit w2x"></div>
    <div data-type="link" class="round centered"
         data-width="80" data-height="40"
         data-color="white"
         data-background-color="green"
         data-icon="fa-feed"
         data-device="#sendDev"
         data-set="#sendParam"
         data-value="#sendValue">
        OK
    </div>


Jedoch, wenn ich das erste Select ausklammere und den "dummy1" direkt ins data-device eintrage, funktioniert das Widget nicht mehr


    <header>SELECT</header>
    <!-- <div data-type="select" data-items='["dummy1","dummy2","dummy3","dummy4"]' id="sendDev" class="notransmit w3x"></div> -->
    <div data-type="select" data-items='["param1","param2","param3","param4"]' id="sendParam" class="notransmit w3x"></div>
    <div data-type="select" data-items='["on","off"]' id="sendValue" class="notransmit w2x"></div>
    <div data-type="link" class="round centered"
         data-width="80" data-height="40"
         data-color="white"
         data-background-color="green"
         data-icon="fa-feed"
         data-device="dummy1"
         data-set="#sendParam"
         data-value="#sendValue">
        OK
    </div>


Besten Dank für eure Unterstützung

Titel: Antw:Probleme mit dem Widget "Link"
Beitrag von: Thorsten Pferdekaemper am 15 September 2019, 15:05:08
Hi,
ich habe das mal spaßeshalber ausprobiert, konnte es aber nicht nachvollziehen. In beiden Fällen setzt FTUI das Kommando "set dummy1 param1 on" ab. Wenn ich andere param (oder auch dummy bzw. on/off) wähle, dann entsprechend. Es kommt aber nie zu komischen Fehlermeldungen.
Gruß,
   Thorsten
Titel: Antw:Probleme mit dem Widget "Link"
Beitrag von: Schneewa am 15 September 2019, 16:09:39
Hi Thorsten

Danke für die Antwort

Wenn ich den original Code eingebe - wird das Dummy1 gefüllt - bekomme aber beim laden eine Fehlermeldung (Anhang)
Wenn ich das data-device="dummy1" eingebe, bekomme ich zwar keine Fehlermeldung, aber es funktioniert leider nicht.

Irgendwie bekomme ich das nicht gebacken - habe jetzt auch ein Update durchgeführt.

Vielleicht liegt es ja auch an dem Widget selbst - kannst du vielleicht dein "Widget_link.js" hier ablegen.

besten Dank

Titel: Antw:Probleme mit dem Widget "Link"
Beitrag von: Thorsten Pferdekaemper am 15 September 2019, 19:42:15
Hi,
da wird wohl das "#sendDev" nicht wirklich ersetzt.
Ich glaube zwar nicht, dass das an der widget_link.js liegt, habe sie Dir aber trotzdem hier drangehängt.
Häng mal die ganze Seite (also deren Quelltext) hier dran. Dann kann man vielleicht eher sagen, was da wohl schief geht.
Gruß,
   Thorsten
Titel: Antw:Probleme mit dem Widget "Link"
Beitrag von: Schneewa am 15 September 2019, 19:59:30
Hi Thorsten

danke für die rasche Anwort

Anbei mein Code - habe das "Test_input.html" zum Versuch herangezogen


<!DOCTYPE html>
<html>

<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.5.*
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2017 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->

    <script src="js/fhem-tablet-ui.js" defer></script>
<script src="lib/jquery.min.js"></script>
<script src="lib/jquery.toast.min.js"></script>
    <script src="lib/jquery.gridster.min.js"></script>


    <title>FHEM-Tablet-UI</title>
</head>

<body>
    <div class="gridster">
        <ul>

            </li>
            <li data-row="5" data-col="1" data-sizex="3" data-sizey="3">
                <header>EXAMPLE2</header>


          </li>
            <li data-row="1" data-col="4" data-sizex="6" data-sizey="4">

    <header>SELECT</header>
    <div data-type="select" data-items='["dummy1","dummy2","dummy3","dummy4"]' id="sendDev" class="notransmit w3x"></div>
    <div data-type="select" data-items='["STATE","warn1","warn2","webCmd","room"]' id="sendParam" class="notransmit w3x"></div>
    <div data-type="input" data-device="#sendDev" data-get="#sendParam" id="sendValue" data-value="127" class="notransmit w3x centered"></div>
    <div data-type="link" class="round centered"
         data-width="80" data-height="40"
         data-color="white"
         data-background-color="green"
         data-icon="fa-feed"
         data-device="#sendDev"
         data-set="#sendParam"
         data-value="#sendValue">
        OK
    </div>
</li>


        </ul>
    </div>
</body>

</html>
Titel: Antw:Probleme mit dem Widget "Link"
Beitrag von: Schneewa am 15 September 2019, 20:05:02
Das Widget hat leider nicht geholfen...  :-[
Titel: Antw:Probleme mit dem Widget "Link"
Beitrag von: Thorsten Pferdekaemper am 15 September 2019, 20:51:03
Hi,
die Fehlermeldung kommt wohl daher, dass das mit der Indirektion ("#sendDev") wahrscheinlich nur zufällig funktioniert. Wenn ich das erste select weglasse und beim link "#sendDev" durch "dummy1" ersetze, dann klappt das bei mir ohne Fehlermeldung.
Aber wie gesagt: Ich glaube, dass das mit dem "#" nur zufällig so klappt und ich würde das nicht so machen.
Gruß,
   Thorsten