Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [gelöst] - VIS Intance Id - automatisiert ermitteln

    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

    [gelöst] - VIS Intance Id - automatisiert ermitteln

    This topic has been deleted. Only users with topic management privileges can see it.
    • bahnuhr
      bahnuhr Forum Testing Most Active @Jey Cee last edited by

      @jey-cee sagte in VIS Intance Id - automatisiert ermitteln:

      let timeout = 50; //Zeit erhöhen wenn der Klick nicht angenommen wird $(document).ready( () => { setTimeout( () => { $('#widget-id').click(); }, timeout) })

      Hab folgendes eingefügt:

      let timeout = 500; //Zeit erhöhen wenn der Klick nicht angenommen wird
      $(document).ready( () => {
        setTimeout( () => {
          $('w02705').click();
        }, timeout);
      });
      

      Hat leider nicht geklappt. Es wird immer noch angezeigt "Klick"

      Jey Cee 1 Reply Last reply Reply Quote 0
      • Jey Cee
        Jey Cee Developer @bahnuhr last edited by

        @bahnuhr ich hab das jetzt mal gerade getestet. Der Klick muss einen bestimmten bereich des Widgets angewendet werden, außerdem hab ich es auf trigger('click') geändert das funktioniert sicher.

        Hier die geänderte Zeile:

         $('#w00003>div>span>span').trigger('click');
        

        PS: Die # sagt das es sich um eine id handelt, . wäre class, ohne bezieht es sich auf das HTML Element.

        bahnuhr 1 Reply Last reply Reply Quote 0
        • bahnuhr
          bahnuhr Forum Testing Most Active @Jey Cee last edited by

          @jey-cee
          habe das unter Scripte eingefügt:
          2dffdfe3-7769-4007-9425-0743c352e772-image.png

          Ist das richtig.
          Fazit:
          Klick wird nicht vorgenommen.
          Wenn ich edge im kiosk mode öffnen steht auf der view immer noch "klicken"
          dad804c6-c7cd-4e82-9202-88cf164190a4-image.png

          Jey Cee 1 Reply Last reply Reply Quote 0
          • Jey Cee
            Jey Cee Developer @bahnuhr last edited by

            @bahnuhr ok soweit richtig. Setz den Timeout mal auf 1000 oder noch höher, je nach größe der View kann der Wert sehr hoch sein.
            Ich hab es mit Chrome und Firefox getestet, hat bei beiden geklappt.

            bahnuhr 1 Reply Last reply Reply Quote 0
            • bahnuhr
              bahnuhr Forum Testing Most Active @Jey Cee last edited by

              @jey-cee sagte in VIS Intance Id - automatisiert ermitteln:

              @bahnuhr ok soweit richtig. Setz den Timeout mal auf 1000 oder noch höher, je nach größe der View kann der Wert sehr hoch sein.
              Ich hab es mit Chrome und Firefox getestet, hat bei beiden geklappt.

              Habs jetzt mal auf 4000 gesetzt. Dann hat es mit edge kiosk geklappt.

              Und nun noch ne letzte Frage.
              Kann man diese erzeugte Instanz dann ebenfalls mit einem solchen kleinen Script in ein Objekt schreiben.

              1 Reply Last reply Reply Quote 0
              • bahnuhr
                bahnuhr Forum Testing Most Active last edited by

                Also, so richtig zuverlässig klappt das nicht.
                Bin jetzt schon auf 11000, aber teilweise (wenn es länger dauert) wird die Instance nicht erzeugt.

                Könnte man nicht doch irgendwo im Script "basic.html" oder "js.js" eine Zeile ergänzen.

                mfg
                Dieter

                BananaJoe 1 Reply Last reply Reply Quote 0
                • BananaJoe
                  BananaJoe Most Active @bahnuhr last edited by

                  @bahnuhr Man könnte den Klick auf das Widget auch von einem Skript aus machen:

                  setState("vis.0.control.command"/*Command for vis*/, '{"instance": "FFFFFFFF", "command": "dialog", "data": "w00319"}');
                  

                  w00319 ist die ID die geklickt werden soll. Aber dafür müsste man ja eigentlich die ID der Instanz wissen um nicht FFFFFFFF verwenden zu müssen ....

                  Ich habe jetzt insgesamt 4 Geräte mit eigener VIS und merke langsam das ich mehr gezielt an die einzelnen Geräte senden muss.

                  Peoples 1 Reply Last reply Reply Quote 0
                  • Peoples
                    Peoples @BananaJoe last edited by

                    @bananajoe
                    Vielleicht mit einem Script in VIS selber und einem onload der Startseite

                    bahnuhr 1 Reply Last reply Reply Quote 0
                    • bahnuhr
                      bahnuhr Forum Testing Most Active @Peoples last edited by

                      @peoples sagte in VIS Intance Id - automatisiert ermitteln:

                      Vielleicht mit einem Script in VIS selber und einem onload der Startseite

                      Mach mal ein Beispiel wie das gehen soll.
                      Ich habe es bisher nicht hinbekommen.

                      BananaJoe 1 Reply Last reply Reply Quote 0
                      • BananaJoe
                        BananaJoe Most Active @bahnuhr last edited by BananaJoe

                        @bahnuhr @Peoples @Jey-Cee

                        Also, ich bin über die Monate ja schlauer geworden und habe dazugelernt.

                        Stand jetzt bekomme ich folgendes hin:

                        • VIS mit dem basic - Screen Resolution Widget. Hat in diesem Beispiel die Widget ID w00001
                        • Einen Datenpunkt vom Typ String unter 0_userdata.0.Visualisierung.Instanzen.DC.Test-Instanzen erstellt
                        • Folgendes Script in VIS im Projekt unter Scripte hinterlegt:
                        // Instanz-Id erzeugen und in Datenpunkt speichern
                        let timeout = 2000; // ggf. vergrößern
                        $(document).ready( () => {
                            // Auf das Widget klicken, w00001 ist die ID von meinem basic - Screen Resolution Widget
                            setTimeout( () => { 
                                $('#w00001>div>span>span').trigger('click'); 
                            }, timeout);
                            // und in einen Datenpunkt schreiben
                            setTimeout( () => { 
                                vis.setValue('0_userdata.0.Visualisierung.Instanzen.DC.Test-Instanzen', vis.instance);
                            }, timeout * 2);
                                
                        });
                        

                        76167c75-9dd3-4e0b-955a-40dea676a4c8-image.png
                        d286ad8c-5450-44d6-866b-ba362a35f657-image.png

                        Dank an @liv-in-sky für den schubs in die richtige Richtung.

                        Müsste man jetzt noch mehr perfektionieren (für meine Anwendung):

                        • zweites Merkmal wie IP-Adresse und/oder Gerätenamen mit übertragen. Damit ich per Skript mir das jeweilige Gerät heraussuchen und zuordnen kann, auch wenn z.B. verschiedene Browser verwendet werden um Tablet Küche eindeutig von Tablet WoZi zu unterscheiden
                          Ich möchte also 2 Geräte welche das gleiche VIS Projekt nutzen unterscheiden können
                        • Hartnäckigkeit - wenn das mit dem Timeout nicht klappt (und vis.intance noch null ist) im begrenzten Umfang wiederholen.

                        Und gerne weitere Ideen. Aber ich fühle mich gerade einen großen Schritt weiter gekommen.

                        bahnuhr liv-in-sky Jey Cee 4 Replies Last reply Reply Quote 1
                        • bahnuhr
                          bahnuhr Forum Testing Most Active @BananaJoe last edited by

                          @bananajoe
                          na, dass werde ich nachher gleich mal testen.
                          Danke.

                          Melde mich dann.

                          1 Reply Last reply Reply Quote 0
                          • bahnuhr
                            bahnuhr Forum Testing Most Active @BananaJoe last edited by

                            @bananajoe sagte in VIS Intance Id - automatisiert ermitteln:

                            zweites Merkmal wie IP-Adresse

                            Das müssten wir noch hinbekommen.
                            Vielleicht meldet sich noch jemand der dies weiß.

                            BananaJoe 1 Reply Last reply Reply Quote 0
                            • liv-in-sky
                              liv-in-sky @BananaJoe last edited by

                              @bananajoe sagte in VIS Intance Id - automatisiert ermitteln:

                              Hartnäckigkeit - wenn das mit dem Timeout nicht klappt (und vis.intance noch null ist) im begrenzten Umfang wiederholen.

                              das macht der link, den ich gepostet habe - dort wird auf etwas gewartet und immer wieder versucht , den wert zu bekommen - diese funktionen sind sozusagen um das vis.instance gelegt

                              die instance id ist zum unterscheiden da - jeder browser bekommt seine eigene id - egal ob selber rechner oder ein anderer - du musst ihn nur einmal in der vis bekannt machen und kannst dann unterscheiden - ip oder hostnamen sind etwas komplizierter rauszubekommen - daher verstehe ich eigentlich deine frage nicht - mit der instance id weiß man, wer wer oder was da gerade die vis anzeigen will

                              1 Reply Last reply Reply Quote 0
                              • BananaJoe
                                BananaJoe Most Active @bahnuhr last edited by BananaJoe

                                @bahnuhr google ist mein Freund:

                                alert(location.hostname);
                                

                                ergibt ein Popup mit der IP-Adresse bzw. den DNS Hostnamen (je nachdem was er liefern kann), könnte man auch so wegschreiben.
                                Oder besser, im Namen des Datenpunktes zum wegschreiben nutzen, dann hätte ich passend zur IP immer die ID

                                ist quatsch, lieger die IP des ioBroker-Servers

                                liv-in-sky bahnuhr 2 Replies Last reply Reply Quote 0
                                • Jey Cee
                                  Jey Cee Developer @BananaJoe last edited by Jey Cee

                                  @bananajoe schau dir mal das Skript an. Das muss im Browser ausgeführt werden, in unserem Fall in VIS eingebetet werden, dann liefert es dir die Adresse vom Gerät.

                                  liv-in-sky 1 Reply Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @Jey Cee last edited by liv-in-sky

                                    @jey-cee sag ich doch - voll kompliziert 🙂 - die instance id reicht völlig aus, um die unterschiedlichen clients herauszufinden

                                    1 Reply Last reply Reply Quote 0
                                    • liv-in-sky
                                      liv-in-sky @BananaJoe last edited by

                                      @bananajoe

                                      zum warten auf ein objet, bevor man vis.instance aufrufen kann meinte ich diesen link - hatte das in einem anderen thread gepostet

                                      https://forum.iobroker.net/topic/48663/howto-skripte-im-vis-editor-mit-jquery

                                      1 Reply Last reply Reply Quote 0
                                      • bahnuhr
                                        bahnuhr Forum Testing Most Active @BananaJoe last edited by

                                        @bananajoe

                                        Bist du weiter gekommen mit den Hinweisen und Scripten von @liv-in-sky und @Jey-Cee .

                                        Ich habs probiert mit dem Script von @Jey-Cee und auch andere aus dem Netz.
                                        Hat aber irgendwie nicht geklappt.

                                        BananaJoe 1 Reply Last reply Reply Quote 0
                                        • BananaJoe
                                          BananaJoe Most Active @bahnuhr last edited by

                                          @bahnuhr bei mir auch nicht. Das mit dem Warten auf das Widget hat bei mir auch nicht funktioniert.

                                          Habe aber noch nicht viel rumprobiert.

                                          1 Reply Last reply Reply Quote 0
                                          • liv-in-sky
                                            liv-in-sky last edited by liv-in-sky

                                            in beispiel:

                                            zum testen habe ich ein neues project gemacht, damit man nicht den ganzen durcheinander darin hat

                                            2 html widgets
                                            das obere wird mit der instance id geschrieben, wenn das widget da ist
                                            das untere wartet bis die instance id vorhanden ist und schreibt dann den text in das widgets
                                            am anfang (im vis-editor) sind die widgets ohne text !!

                                            AApossis (161).gif

                                            script im vis editor

                                             function waitForElement(parent, elementPath, wid, widgetName, callBack, counter = 0, debug = false) {
                                            
                                                    if (counter < 100) {
                                            
                                             
                                            
                                                        setTimeout(function () {
                                            
                                                            if (parent.find(elementPath).length > 0) {
                                            
                                                                if (debug) console.log(`[${widgetName} ${wid}] it took ${counter}ms to wait for the element '${elementPath}'`);
                                            
                                                                callBack();
                                            
                                                            } else {
                                            
                                                                if (debug) console.log(`[${widgetName} ${wid}] wait for element '${elementPath}'`);
                                            
                                                                counter++
                                            
                                                                waitForElement(parent, elementPath, wid, widgetName, callBack, counter, debug);
                                            
                                                            }
                                            
                                                        }, 1);
                                            
                                                    } else {
                                            
                                                       if (debug) console.warn(`[${widgetName} ${wid}] stop waiting after ${counter} retries`);
                                            
                                                        callBack();
                                            
                                                    }
                                            
                                                }
                                            
                                            
                                            
                                            
                                            
                                            waitForElement($('body'),'#w00001', 'dummy', 'dummy', function () {
                                            
                                                    // Widget ist vollständig geladen, wir können irgendwas damit machen
                                               console.log(vis.instance)
                                                $( "#w00001" ).text( 'Test mit warten auf Widget Instance ID: '+vis.instance);
                                             
                                            
                                                }, 0, true);
                                                
                                                
                                            waitForElement($('body'),'vis.instance', 'dummy', 'dummy', function () {
                                            
                                                    // Widget ist vollständig geladen, wir können irgendwas damit machen
                                               console.log(vis.instance)
                                                $( "#w00002" ).text( 'Warten auf VIS-Instance Instance ID: '+vis.instance);
                                             
                                            
                                                }, 0, true);
                                            

                                            [{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"718px","top":"655px","color":"#d8df2a","background-color":"#3b0c0c"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"719px","top":"856px","color":"#d8df2a","background-color":"#3b0c0c"},"widgetSet":"basic"}]
                                            

                                            damit weiß man dann, welcher browser bzw welches gerät gerade browsen wil

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            407
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            13
                                            126
                                            10616
                                            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