Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Interaktion aus HTML Tabelle möglich?

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Interaktion aus HTML Tabelle möglich?

    This topic has been deleted. Only users with topic management privileges can see it.
    • Omnedon
      Omnedon @WolfgangFB last edited by

      @wolfgangfb
      Hallo,
      der Javascript-Code in der HTML Seite wird auf dem Client im Browser ausgeführt und hat keinen direkten Zugang zum ioBroker.
      Daher setState wird nicht funktionieren.
      Um Werte zu setzten muss mal über SimpleAPI gehen:

      http://<iobroker-ip>:8087/set/javascript.0.Test.Zahl?value=5
      
      W 1 Reply Last reply Reply Quote 0
      • OliverIO
        OliverIO last edited by

        @omnedon
        @WolfgangFB

        Nicht ganz. Zumindest in vis1 kann man das.

        Der Befehl lautet wie folgt, sonst könnten auch alle widgets nicht irgendwann mal einen Datenpunkt ändern.

        vis.setValue(datenpunkt, wert);
        

        für vis2 weiß ich es nicht. Theoretisch aber auch.

        W 1 Reply Last reply Reply Quote 0
        • W
          WolfgangFB @OliverIO last edited by

          @oliverio sagte in Interaktion aus HTML Tabelle möglich?:

          @omnedon
          @WolfgangFB

          Nicht ganz. Zumindest in vis1 kann man das.

          Der Befehl lautet wie folgt, sonst könnten auch alle widgets nicht irgendwann mal einen Datenpunkt ändern.

          vis.setValue(datenpunkt, wert);
          

          Wo und wie genau würde ich das in den HTML Code einbauen?
          Wenn ich das einfach in den <script> Teil einfüge funktioniert es jedenfalls nicht.

          OliverIO 1 Reply Last reply Reply Quote 0
          • W
            WolfgangFB @Omnedon last edited by

            @omnedon sagte in Interaktion aus HTML Tabelle möglich?:

            @wolfgangfb
            Hallo,
            der Javascript-Code in der HTML Seite wird auf dem Client im Browser ausgeführt und hat keinen direkten Zugang zum ioBroker.
            Daher setState wird nicht funktionieren.
            Um Werte zu setzten muss mal über SimpleAPI gehen:

            http://<iobroker-ip>:8087/set/javascript.0.Test.Zahl?value=5
            

            Muss man die SimpleAPI extra installieren? Ich finde die nicht in der Liste der Adapter und auf Port 8087 kommt bei mir nichts.

            Codierknecht 1 Reply Last reply Reply Quote 0
            • Codierknecht
              Codierknecht Developer Most Active @WolfgangFB last edited by

              @wolfgangfb
              Entweder den separaten Adapter oder Du aktivierst das im Web-Adapter und nimmst dessen Port.
              2a3119be-cc28-4747-a406-552213d0bae4-grafik.png

              1 Reply Last reply Reply Quote 0
              • OliverIO
                OliverIO @WolfgangFB last edited by

                @wolfgangfb sagte in Interaktion aus HTML Tabelle möglich?:

                Wenn ich das einfach in den <script> Teil einfüge funktioniert es jedenfalls nicht.

                ja, eigentlich in den skriptteil.
                das folgende sollte eigentlich funktionieren
                inhalt des html widgets

                <button onclick="doClick()">test</button>
                <script>
                    function doClick() {
                        debugger;
                        let dp = '0_userdata.0.test.val';
                        let val=vis.states[dp];
                        val=val+1;
                        vis.setValue(dp,val)
                    }
                </script>
                

                weiterhin habe ich noch ein number widget eingefügt mit dem id zur anzeige des wertes. sonst funktioniert vis.states nicht.

                allerdings wenn ich das probiere, dann gibt es ein vis 1.5.4 fehler auf der console
                da fehlt wohl eine funktion

                vis.js:375 Uncaught ReferenceError: sub_UpdateWidgetsNotCanJS is not defined
                    at vis.js:375:17
                    at SocketClient.findAnswer (socket.io.js:304:20)
                    at socket.onmessage (socket.io.js:212:22)
                
                1 Reply Last reply Reply Quote 0
                • ofri2607
                  ofri2607 @WolfgangFB last edited by

                  @wolfgangfb

                  Ich habe das in vis in einem basic-html Widget für einen View-Wechsel so gelöst:

                  <table width=100% height=100% style="border-collapse:collapse; cursor: pointer;" onclick="changeView(10)">
                  ...
                  

                  Im Reiter Skripte ist dann folgendes js enthalten:

                  //Wechseln der View bei Click --- Aufrufbsp: changeView(8)
                  function changeView(view = 0) {
                      servConn.setState('linkeddevices.0.VIS.LINK', view);
                  }
                  
                  W 1 Reply Last reply Reply Quote 1
                  • W
                    WolfgangFB @ofri2607 last edited by

                    @ofri2607

                    Danke, das ist im Endeffekt die Lösung. Ich habe das skript diekt in den HTML Teil gepackt und das tut auch. Man kann es sogar direkt in das Tabellenelement schreiben.

                    <table border="1">
                      <tr>
                        <td onclick="servConn.setState('javascript.0.Test.Zahl', 6);">Tabellenelement 1</td>
                        <td>Tabellenelement 2</td>
                        <td>Tabellenelement 3</td>
                      </tr>
                    </table>
                    
                    
                    1 Reply Last reply Reply Quote 1
                    • W
                      WolfgangFB @jogibear9988 last edited by

                      @jogibear9988 sagte in Interaktion aus HTML Tabelle möglich?:

                      @wolfgangfb

                      wenn dir meine visu (webui) anschaust,

                      Ich habe mir webui mal angesehen, auch Deine YouTube Videos, aber ich scheitere schon daran, einen neuen Screen zu erstellen. Ich klicke auf "new screen" gebe einen Namen ein und nichts passiert. Was könnte da schief laufen?

                      jogibear9988 1 Reply Last reply Reply Quote 0
                      • jogibear9988
                        jogibear9988 @WolfgangFB last edited by

                        @wolfgangfb
                        das ist ne gute frage.

                        welchen browser nutzt du? (+version)
                        kannst man die dev tools öffnen (F12 im Browser) und schauen ob eine meldung in der console kommt

                        W 1 Reply Last reply Reply Quote 0
                        • W
                          WolfgangFB @jogibear9988 last edited by

                          @jogibear9988

                          Browser ist Firefox (95.0.2)

                          Fehler ist:

                          Source-Map-Fehler: Error: request failed with status 404
                          Ressourcen-Adresse: http://192.168.1.205:8082/webui/node_modules/dock-spawn-ts/lib/js/ResizableContainer.js
                          Source-Map-Adresse: http://192.168.1.205:8082/webui/node_modules/dock-spawn-ts/lib/js/ResizableContainer.js.map
                          
                          no screens loaded Not exists IobrokerHandler.js:135:21
                          Uncaught (in promise) ReferenceError: CSSContainerRule is not defined
                              traverseAndCollectRules http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/services/stylesheetService/AbstractStylesheetService.js:102
                              buildPatchedStyleSheet http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/services/stylesheetService/AbstractStylesheetService.js:95
                              applyAllStyles http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/designerCanvas.js:346
                              applyAllStyles http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/designerCanvas.js:346
                              initialize http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/designerCanvas.js:581
                              emit http://192.168.1.205:8082/webui/node_modules/@node-projects/base-custom-webcomponent/dist/TypedEvent.js:35
                              emit http://192.168.1.205:8082/webui/node_modules/@node-projects/base-custom-webcomponent/dist/TypedEvent.js:35
                              internalSetStylesheets http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/services/stylesheetService/AbstractStylesheetService.js:52
                              setStylesheets http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/services/stylesheetService/AbstractStylesheetService.js:14
                              set additionalStylesheets http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/documentContainer.js:26
                              initialize http://192.168.1.205:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:32
                              openScreenEditor http://192.168.1.205:8082/webui/dist/frontend/config/IobrokerWebuiAppShell.js:246
                              handleCommandButtonClick http://192.168.1.205:8082/webui/dist/frontend/config/CommandHandling.js:52
                              onclick http://192.168.1.205:8082/webui/dist/frontend/config/CommandHandling.js:81
                          5ea4acc9-b0a2-4bd7-9aa6-be960159ab16:102:18
                          Uncaught (in promise) ReferenceError: CSSContainerRule is not defined
                              traverseAndCollectRules http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/services/stylesheetService/AbstractStylesheetService.js:102
                              buildPatchedStyleSheet http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/services/stylesheetService/AbstractStylesheetService.js:95
                              applyAllStyles http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/designerCanvas.js:346
                              applyAllStyles http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/designerCanvas.js:346
                              set additionalStyles http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/designerCanvas.js:334
                              set additionalStyles http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/widgets/designerView/designerView.js:292
                              set additionalStyleString http://192.168.1.205:8082/webui/node_modules/@node-projects/web-component-designer/dist/elements/documentContainer.js:15
                              initialize http://192.168.1.205:8082/webui/dist/frontend/config/IobrokerWebuiScreenEditor.js:61
                              openScreenEditor http://192.168.1.205:8082/webui/dist/frontend/config/IobrokerWebuiAppShell.js:246
                              handleCommandButtonClick http://192.168.1.205:8082/webui/dist/frontend/config/CommandHandling.js:52
                              onclick http://192.168.1.205:8082/webui/dist/frontend/config/CommandHandling.js:81
                          5ea4acc9-b0a2-4bd7-9aa6-be960159ab16:102:18
                          
                          ​
                          
                          jogibear9988 OliverIO 2 Replies Last reply Reply Quote 0
                          • jogibear9988
                            jogibear9988 @WolfgangFB last edited by

                            @wolfgangfb
                            Ja denke der geht nicht. Firefox 95 ist mit Sicherheit zu alt.

                            jogibear9988 1 Reply Last reply Reply Quote 0
                            • jogibear9988
                              jogibear9988 @jogibear9988 last edited by

                              Zur not könnte man den vlt. durch polyfills supporten, aber eig. hab ich das nicht vor. Warum nutzt du so eine alte version?

                              W 1 Reply Last reply Reply Quote 0
                              • OliverIO
                                OliverIO @WolfgangFB last edited by OliverIO

                                @wolfgangfb sagte in Interaktion aus HTML Tabelle möglich?:

                                CSSContainerRule

                                ja, geht erst ab V110
                                https://developer.mozilla.org/en-US/docs/Web/API/CSSContainerRule#browser_compatibility

                                V95 ist jetzt exakt 2 Jahre alt.
                                https://www.mozilla.org/en-US/firefox/95.0/releasenotes/

                                gut v110 ist vom Februar 2023, damit ist das schon ein zeimliches bleeding edge feature. ab gut, browser sollte man schon regelmäßig updaten.
                                allerdings gibt es altgeräte, die diese Aktualisierungen nicht mehr erhalten und dann werden diese geräte das nie können.
                                hier im iobroker gern genutzt ältere tablets als bedienkonsole einzusetzen.

                                @jogibear9988 setzt du babel bei der übersetzung ein? babel kann auf basis einer browserlist definition dir automatisch die features mit entsprechenden polifills ersetzen. d.h. bei der entwicklung kannst du immer die neuesten sachen verwenden, babel weiß dann welche browser was können und über die definition wählt es dann die richtige zusammensetzung.
                                https://babeljs.io/docs/babel-preset-env

                                jogibear9988 1 Reply Last reply Reply Quote 0
                                • jogibear9988
                                  jogibear9988 @OliverIO last edited by

                                  @oliverio

                                  Ja, gibt glaube polyfills dafür (Falls dies aus irgendeinem Grund wirklich nötig wäre).

                                  Ich hatte mit meinem Designer auf alle möglichen neuen Technologien gesetzt, im Moment habe ich noch ein Polyfill für importmaps drin, das will ich aber auch noch raus schmeißen.
                                  Für die Runtime könnte man ja überlegen das man div. dinge Polyfillt, aber für den Designer würde ich das nicht tun

                                  OliverIO 1 Reply Last reply Reply Quote 0
                                  • OliverIO
                                    OliverIO @jogibear9988 last edited by OliverIO

                                    @jogibear9988

                                    ist ja gut auf neue Technik zu setzen, aber du hängst ein teil der Nutzer damit ab.
                                    Die meisten kaufen sich für iobroker nicht die superaktuellste hardware, sondern nutzen eher ungenutzte veraltete hardware, die gerade noch so geht.
                                    was denkst du was ich in meinen widgets mit es6 Schwierigkeiten hatte und das auch zurückgefahren habe (gut war jetzt nicht so aufwändig), aber es6 ist ja noch viel älter

                                    aber genau dafür gibt es babel, damit du dir darüber keine gedanken machen musst und im produzierten endergebnis genau die quellen enthalten sind, die die größtmöglichste abdeckung an geräten/browsern/etc. abdeckt.

                                    als ich spreche hier nur vom client-anteil der auf dem browser läuft.
                                    für den server-anteil gibt es ja eine baseline, was iobroker als empfohlene node version einsetzt.

                                    jogibear9988 1 Reply Last reply Reply Quote 0
                                    • jogibear9988
                                      jogibear9988 @OliverIO last edited by

                                      @oliverio

                                      Ja mag sein. Bei mir ist das aber auch konzeptbedingt, wie ich z.b. nodemodule als esm code nachlade.
                                      Gefühlt kann man ja sonst nie auf neue browser features setzen. Im moment braucht webui auf jeden fall einen relativ aktuellen browser

                                      OliverIO 1 Reply Last reply Reply Quote 0
                                      • OliverIO
                                        OliverIO @jogibear9988 last edited by

                                        @jogibear9988

                                        ne,
                                        ich glaub dann hast das prinzip noch nicht ganz verstanden

                                        jogibear9988 1 Reply Last reply Reply Quote 0
                                        • jogibear9988
                                          jogibear9988 @OliverIO last edited by jogibear9988

                                          @oliverio

                                          ?? von was meinst du hab ich das prinzip nicht verstanden?
                                          von npm paketen? ich meine damit das du bei meiner webui zur "laufzeit" npm pakete hinzufügen kannst, welche als ESM module geladen werden. Und ich liefere ja babel nicht mit meiner webui aus.

                                          Will aber im moment auch wenn es nicht so wäre nicht mit babel auf eine alte es version übersetzen. Wie gesagt, ich nutze viele neue features, dann bräuchte ich auch polyfills dafür (constructible stylesheets, shadodom, customelements, ...) und wüsste bei problemen erst mal nicht, liegts an mir oder kann etwas z.b. nicht zu 100% polyfillt werden.

                                          OliverIO 1 Reply Last reply Reply Quote 0
                                          • OliverIO
                                            OliverIO @jogibear9988 last edited by

                                            @jogibear9988

                                            alles gut

                                            jogibear9988 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            485
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            6
                                            25
                                            1122
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo