Probleme mit dem Widget "Link"

Schneewa · 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

Code Auswählen


    <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

Thorsten Pferdekaemper · 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

Schneewa · 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

Thorsten Pferdekaemper · 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

Schneewa · 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

Code Auswählen


<!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>

Schneewa · 15 September 2019, 20:05:02

Das Widget hat leider nicht geholfen...

Thorsten Pferdekaemper · 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