Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [gelöst] Datenpunkt in Abhängigkeit des Tablets?

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    905

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

[gelöst] Datenpunkt in Abhängigkeit des Tablets?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
19 Beiträge 4 Kommentatoren 1.0k Aufrufe 3 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • M mguenther

    Hallo Zusammen,
    ich nutze 2 Tablets für meine VIS, die ich beide mit dem Full-Tablet-Control Adapter steuere. Besteht eigentlich irgendwie eine Möglichkeit, eine identische Seite mit 2 Tablets unterschiedlich anzuzeigen?
    Bsp - ich möchte auf Tablet 1 ein Symbol sehen, was mir den AKKU-Stand von Tablet 1 anzeigt. Bei Tablet 2 soll aber an der identischen Stelle ein anderes Symbol mit AKKU-Stand von Tablet2 (die Akku-Stände sind 2 verschiedene Datenpunkte) angezeigt werden.

    Hat das schon mal einer hinbekommen? Oder hat einer ne Idee?

    Danke
    Marcus

    liv-in-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    schrieb am zuletzt editiert von liv-in-sky
    #7

    @mguenther

    hier das beispiel dazu

    du siehst zwei browser mit unterschiedlichen port nummern in der url. dh. unterschiedliche web instanzen bzw zwei tablets und jedes tablet nutzt einen anderen port

    das ganze ist etwas zeitverzögert, damit man die veränderung auch sieht

    AApossis (184).gif

    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

    M 1 Antwort Letzte Antwort
    1
    • liv-in-skyL liv-in-sky

      @mguenther

      hier das beispiel dazu

      du siehst zwei browser mit unterschiedlichen port nummern in der url. dh. unterschiedliche web instanzen bzw zwei tablets und jedes tablet nutzt einen anderen port

      das ganze ist etwas zeitverzögert, damit man die veränderung auch sieht

      AApossis (184).gif

      M Offline
      M Offline
      mguenther
      schrieb am zuletzt editiert von
      #8

      @liv-in-sky
      mit z-Index ist klar. Das mit dem Port hab ich verstanden, Umsetzung müsste ich mir aber anschauen bzw. hab ichs noch nicht kapiert. Das Ganze funktioniert aber nur, wenn ich an dem Fenster bzw. auf dem tablet eine Aktion ausführe... damit werde ich immer eine Zeitversetzung drin haben - richtig? Da ich alle 15min den Cache automatisch leeren lasse, müsste ich die Aktion dann auch alle 15min wieder neu ausführen...

      liv-in-skyL 1 Antwort Letzte Antwort
      0
      • M mguenther

        @liv-in-sky
        mit z-Index ist klar. Das mit dem Port hab ich verstanden, Umsetzung müsste ich mir aber anschauen bzw. hab ichs noch nicht kapiert. Das Ganze funktioniert aber nur, wenn ich an dem Fenster bzw. auf dem tablet eine Aktion ausführe... damit werde ich immer eine Zeitversetzung drin haben - richtig? Da ich alle 15min den Cache automatisch leeren lasse, müsste ich die Aktion dann auch alle 15min wieder neu ausführen...

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        schrieb am zuletzt editiert von
        #9

        @mguenther

        nein - da musst du nichts ausführen :-) zum testen mal script und widgets zum import

        script für scripte tab im vis editor

        darin musst du die widgets-id angleichen

        • in zeilen: 35,47 und 48 und auch 62,74,75

        • in zeile 44 und 71 muss der richtige port rein

        function waitForElement(parent, elementPath, wid, widgetName, callBack, counter = 0, debug = false) {
        
                if (counter < 30) {
        
                    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);
        
                        }
        
                    }, 1000);
        
                } else {
        
                   if (debug) console.warn(`[${widgetName} ${wid}] stop waiting after ${counter} retries`);
        
                    callBack();
        
               }
        
           }
        
        waitForElement($('body'),'#w00381', 'dummy', 'dummy', function () {
        
          // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
        
         console.log("jetzt test für verschieden widgets pro tablet")
         console.log("port :"+location.port);
           // und in einen Datenpunkt schreiben
        
          var myport=location.port
          if(myport=="8082"){
           setTimeout( () => {
          
            $("#w00381").css('z-index', 30);
            $("#w00381").text("z-index"+",3 bei tablet 1");
           }, 100);}
          
        
           
           
        
        
         /*  }, 3000);*/
        
        }, 0, true);
        
        /* -------*/
        
        waitForElement($('body'),'#w00382', 'dummy', 'dummy', function () {
        
          // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
        
         console.log("jetzt test für verschieden widgets pro tablet")
         console.log("port :"+location.port);
           // und in einen Datenpunkt schreiben
        
          var myport=location.port
          if(myport=="8072"){
           setTimeout( () => {
          
            $("#w00382").css('z-index', 30);
            $("#w00382").text("z-index"+",30 bei tablet 2");
           }, 100);}
          
           
        
           
           
        
        
         /*  }, 3000);*/
        
        }, 0, true);
        

        die beiden widgets, die bei dir andere widgets id's bekommen

        [{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"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,"html":"this is tablet 2"},"style":{"left":"111px","top":"537px","z-index":"5","background-color":"#22c950"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"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,"html":"this is tablet 1"},"style":{"left":"142px","top":"622px","z-index":"5","background-color":"#bec369"},"widgetSet":"basic"}]
        

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        M 2 Antworten Letzte Antwort
        1
        • liv-in-skyL liv-in-sky

          @mguenther

          nein - da musst du nichts ausführen :-) zum testen mal script und widgets zum import

          script für scripte tab im vis editor

          darin musst du die widgets-id angleichen

          • in zeilen: 35,47 und 48 und auch 62,74,75

          • in zeile 44 und 71 muss der richtige port rein

          function waitForElement(parent, elementPath, wid, widgetName, callBack, counter = 0, debug = false) {
          
                  if (counter < 30) {
          
                      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);
          
                          }
          
                      }, 1000);
          
                  } else {
          
                     if (debug) console.warn(`[${widgetName} ${wid}] stop waiting after ${counter} retries`);
          
                      callBack();
          
                 }
          
             }
          
          waitForElement($('body'),'#w00381', 'dummy', 'dummy', function () {
          
            // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
          
           console.log("jetzt test für verschieden widgets pro tablet")
           console.log("port :"+location.port);
             // und in einen Datenpunkt schreiben
          
            var myport=location.port
            if(myport=="8082"){
             setTimeout( () => {
            
              $("#w00381").css('z-index', 30);
              $("#w00381").text("z-index"+",3 bei tablet 1");
             }, 100);}
            
          
             
             
          
          
           /*  }, 3000);*/
          
          }, 0, true);
          
          /* -------*/
          
          waitForElement($('body'),'#w00382', 'dummy', 'dummy', function () {
          
            // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
          
           console.log("jetzt test für verschieden widgets pro tablet")
           console.log("port :"+location.port);
             // und in einen Datenpunkt schreiben
          
            var myport=location.port
            if(myport=="8072"){
             setTimeout( () => {
            
              $("#w00382").css('z-index', 30);
              $("#w00382").text("z-index"+",30 bei tablet 2");
             }, 100);}
            
             
          
             
             
          
          
           /*  }, 3000);*/
          
          }, 0, true);
          

          die beiden widgets, die bei dir andere widgets id's bekommen

          [{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"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,"html":"this is tablet 2"},"style":{"left":"111px","top":"537px","z-index":"5","background-color":"#22c950"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"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,"html":"this is tablet 1"},"style":{"left":"142px","top":"622px","z-index":"5","background-color":"#bec369"},"widgetSet":"basic"}]
          

          M Offline
          M Offline
          mguenther
          schrieb am zuletzt editiert von
          #10

          @liv-in-sky
          probier ich heute abend mal aus...

          1 Antwort Letzte Antwort
          0
          • liv-in-skyL liv-in-sky

            @mguenther

            nein - da musst du nichts ausführen :-) zum testen mal script und widgets zum import

            script für scripte tab im vis editor

            darin musst du die widgets-id angleichen

            • in zeilen: 35,47 und 48 und auch 62,74,75

            • in zeile 44 und 71 muss der richtige port rein

            function waitForElement(parent, elementPath, wid, widgetName, callBack, counter = 0, debug = false) {
            
                    if (counter < 30) {
            
                        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);
            
                            }
            
                        }, 1000);
            
                    } else {
            
                       if (debug) console.warn(`[${widgetName} ${wid}] stop waiting after ${counter} retries`);
            
                        callBack();
            
                   }
            
               }
            
            waitForElement($('body'),'#w00381', 'dummy', 'dummy', function () {
            
              // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
            
             console.log("jetzt test für verschieden widgets pro tablet")
             console.log("port :"+location.port);
               // und in einen Datenpunkt schreiben
            
              var myport=location.port
              if(myport=="8082"){
               setTimeout( () => {
              
                $("#w00381").css('z-index', 30);
                $("#w00381").text("z-index"+",3 bei tablet 1");
               }, 100);}
              
            
               
               
            
            
             /*  }, 3000);*/
            
            }, 0, true);
            
            /* -------*/
            
            waitForElement($('body'),'#w00382', 'dummy', 'dummy', function () {
            
              // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
            
             console.log("jetzt test für verschieden widgets pro tablet")
             console.log("port :"+location.port);
               // und in einen Datenpunkt schreiben
            
              var myport=location.port
              if(myport=="8072"){
               setTimeout( () => {
              
                $("#w00382").css('z-index', 30);
                $("#w00382").text("z-index"+",30 bei tablet 2");
               }, 100);}
              
               
            
               
               
            
            
             /*  }, 3000);*/
            
            }, 0, true);
            

            die beiden widgets, die bei dir andere widgets id's bekommen

            [{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"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,"html":"this is tablet 2"},"style":{"left":"111px","top":"537px","z-index":"5","background-color":"#22c950"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"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,"html":"this is tablet 1"},"style":{"left":"142px","top":"622px","z-index":"5","background-color":"#bec369"},"widgetSet":"basic"}]
            

            M Offline
            M Offline
            mguenther
            schrieb am zuletzt editiert von mguenther
            #11

            @liv-in-sky

            in deinem Skript muss ich quasi auf ein bestimmtes Widget drücke.
            Ich habe noch keine Idee, wie ich es bei mir umsetzen kann. Ich habe eine Menüleiste (im view im widget analog kuddels 2. VIS Version), da könnte ich das Widget integrieren, aber ich wüsste nicht, wie ich es in meiner Menüleiste dann ausführe bzw. den Anwender dazubringe, dann da auf ein Widget zu drücken.

            liv-in-skyL 1 Antwort Letzte Antwort
            0
            • M mguenther

              @liv-in-sky

              in deinem Skript muss ich quasi auf ein bestimmtes Widget drücke.
              Ich habe noch keine Idee, wie ich es bei mir umsetzen kann. Ich habe eine Menüleiste (im view im widget analog kuddels 2. VIS Version), da könnte ich das Widget integrieren, aber ich wüsste nicht, wie ich es in meiner Menüleiste dann ausführe bzw. den Anwender dazubringe, dann da auf ein Widget zu drücken.

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von
              #12

              @mguenther

              nein - du musst nicht drücken

              schau mal im chat

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              M 1 Antwort Letzte Antwort
              0
              • liv-in-skyL liv-in-sky

                @mguenther

                nein - du musst nicht drücken

                schau mal im chat

                M Offline
                M Offline
                mguenther
                schrieb am zuletzt editiert von
                #13

                @liv-in-sky

                ok, läuft - hatte die falsche VIEW auf...

                besteht noch die Möglichkeit im Skript mehrere widgets im z-index zu ändern oder muss ich die Funktion für jedes widget einzeln ausführen?
                ich meine den Part:

                waitForElement($('body'),'#w01427', 'dummy', 'dummy', function () {
                  var myport=location.port
                  if(myport=="8072"){
                     setTimeout( () => {
                        $("#w01427").css('z-index', 45);
                     }, 100);}
                 }, 0, true);
                
                liv-in-skyL 2 Antworten Letzte Antwort
                0
                • M mguenther

                  @liv-in-sky

                  ok, läuft - hatte die falsche VIEW auf...

                  besteht noch die Möglichkeit im Skript mehrere widgets im z-index zu ändern oder muss ich die Funktion für jedes widget einzeln ausführen?
                  ich meine den Part:

                  waitForElement($('body'),'#w01427', 'dummy', 'dummy', function () {
                    var myport=location.port
                    if(myport=="8072"){
                       setTimeout( () => {
                          $("#w01427").css('z-index', 45);
                       }, 100);}
                   }, 0, true);
                  
                  liv-in-skyL Offline
                  liv-in-skyL Offline
                  liv-in-sky
                  schrieb am zuletzt editiert von liv-in-sky
                  #14

                  @mguenther

                  ist so aufgebaut:

                  es wird nachgefragt, ob das widget schon da ist - und dann wird geändert

                  du musst also den ganzen teil kopieren, für jedes widget, welches du haben möchtest

                  evtl klappt es auch , wenn du nur zeile 5 kopierst, das widget darin anpasst und als zeile 6 verwendest - dann musst du aber die jetzige zeile 6 ändern und einen größeren timeout setzen - um auf nummer sicher zu gehen - min. 2000 . wir wissen dann ja nicht, ob das andere widget schon da ist - bei großen vis projecten, kann das auch mal läger dauern

                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                  1 Antwort Letzte Antwort
                  0
                  • M mguenther

                    @liv-in-sky

                    ok, läuft - hatte die falsche VIEW auf...

                    besteht noch die Möglichkeit im Skript mehrere widgets im z-index zu ändern oder muss ich die Funktion für jedes widget einzeln ausführen?
                    ich meine den Part:

                    waitForElement($('body'),'#w01427', 'dummy', 'dummy', function () {
                      var myport=location.port
                      if(myport=="8072"){
                         setTimeout( () => {
                            $("#w01427").css('z-index', 45);
                         }, 100);}
                     }, 0, true);
                    
                    liv-in-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    schrieb am zuletzt editiert von
                    #15

                    @mguenther

                    ach ja - das ganze funktioniert nur für widgets, die nur als anzeige funktionieren - wenn du ein widget mit dp drin hast, welches änderbar ist, wirds kompliziert

                    z.b tablet 1 braucht einen lichschalter für die küche

                    tablet 2 soll einen llichtschalter im wohnzimmer steuern

                    das müßte man noch testen, ob und wie das genau geht - da muss dann die object id in abhängigkeit des ports geändert werden (über ein binding)

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    M 1 Antwort Letzte Antwort
                    0
                    • liv-in-skyL liv-in-sky

                      @mguenther

                      ach ja - das ganze funktioniert nur für widgets, die nur als anzeige funktionieren - wenn du ein widget mit dp drin hast, welches änderbar ist, wirds kompliziert

                      z.b tablet 1 braucht einen lichschalter für die küche

                      tablet 2 soll einen llichtschalter im wohnzimmer steuern

                      das müßte man noch testen, ob und wie das genau geht - da muss dann die object id in abhängigkeit des ports geändert werden (über ein binding)

                      M Offline
                      M Offline
                      mguenther
                      schrieb am zuletzt editiert von mguenther
                      #16

                      @liv-in-sky

                      ich brauche die widgets nur zur Anzeige. Das sind meine 3 widgets für mein Tablet im EG - das ganze habe ich dann auch noch einmal für mein Tablet im OG
                      (auf dem Tablet EG sollen halt nur die EG widgets zu sehen sein, auf dem OG Tablet halt die anderen - momentan sind sie noch versetzt, ich würde sie dann aber nachher übereinander legen):

                      [{"tpl":"tplMfdCustom10","data":{"oid":"fully-tablet-control.0.device.samsung_a7_eg.battery","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","asButton":false,"icon0":"/icons-mfd-svg/measure_battery_0.svg","icon1":"/icons-mfd-svg/measure_battery_0.svg","icon2":"/icons-mfd-svg/measure_battery_25.svg","icon3":"/icons-mfd-svg/measure_battery_25.svg","icon4":"/icons-mfd-svg/measure_battery_50.svg","icon5":"/icons-mfd-svg/measure_battery_50.svg","icon6":"/icons-mfd-svg/measure_battery_50.svg","icon7":"/icons-mfd-svg/measure_battery_75.svg","icon8":"/icons-mfd-svg/measure_battery_75.svg","icon9":"/icons-mfd-svg/measure_battery_100.svg","icon10":"/icons-mfd-svg/measure_battery_100.svg","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,"show_active":false,"min":"0","max":"100","iconValue0":"0","iconColor0":"green","iconColor1":"green","iconColor2":"green","iconColor3":"green","iconColor4":"green","iconColor5":"green","iconColor6":"green","iconColor7":"green","iconColor8":"green","invert_value":false,"class":"rotate90","iconColor9":"green","iconColor10":"green","name":"Akkustatus laden","visibility-oid":"shelly.0.SHSW-1#E8DB84AC4924#1.Relay0.Switch"},"style":{"left":"35px","top":"48px","transform":"90","width":"40px","z-index":"30","height":"40px"},"widgetSet":"jqui-mfd"},{"tpl":"tplMfdCustom10","data":{"oid":"fully-tablet-control.0.device.samsung_a7_eg.battery","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"false","visibility-groups-action":"hide","asButton":false,"icon0":"/icons-mfd-svg/measure_battery_0.svg","icon1":"/icons-mfd-svg/measure_battery_0.svg","icon2":"/icons-mfd-svg/measure_battery_25.svg","icon3":"/icons-mfd-svg/measure_battery_25.svg","icon4":"/icons-mfd-svg/measure_battery_50.svg","icon5":"/icons-mfd-svg/measure_battery_50.svg","icon6":"/icons-mfd-svg/measure_battery_50.svg","icon7":"/icons-mfd-svg/measure_battery_75.svg","icon8":"/icons-mfd-svg/measure_battery_75.svg","icon9":"/icons-mfd-svg/measure_battery_100.svg","icon10":"/icons-mfd-svg/measure_battery_100.svg","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,"show_active":false,"min":"0","max":"100","iconValue0":"0","iconColor0":"#ffad24","iconColor1":"#ffad24","iconColor2":"#ffad24","iconColor3":"#ffad24","iconColor4":"#ffad24","iconColor5":"#ffad24","iconColor6":"#ffad24","iconColor7":"#ffad24","iconColor8":"#ffad24","invert_value":false,"class":"rotate90","iconColor9":"#ffad24","iconColor10":"#ffad24","name":"Akkustatus entladen","visibility-oid":"shelly.0.SHSW-1#E8DB84AC4924#1.Relay0.Switch"},"style":{"left":"35px","top":"48px","transform":"90","width":"40px","z-index":"30","height":"40px"},"widgetSet":"jqui-mfd"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"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,"html":"EG"},"style":{"left":"15px","top":"58px","width":"25px","height":"20px","color":"white","text-align":"left","font-family":"Arial, Helvetica, sans-serif","font-style":"normal","font-variant":"normal","font-weight":"normal","font-size":"14px","line-height":"20px"},"widgetSet":"basic"}]
                      

                      jetzt habe ich das Problem, dass ich bei den Bildern eines erst sichbar und somit in den Vordergrund bringe, wenn ein Datenpunkt auf true gesetzt ist. Irgendwie bekomme ich das nicht hin. Ich gehe davon aus, dass wenn ich über das Skript die z-Level Eigenschaften anpasse, er doch dennoch die anderen widget Einstellungen übernehmen müsste - ich such mal den Fehler...

                      liv-in-skyL 1 Antwort Letzte Antwort
                      0
                      • M mguenther

                        @liv-in-sky

                        ich brauche die widgets nur zur Anzeige. Das sind meine 3 widgets für mein Tablet im EG - das ganze habe ich dann auch noch einmal für mein Tablet im OG
                        (auf dem Tablet EG sollen halt nur die EG widgets zu sehen sein, auf dem OG Tablet halt die anderen - momentan sind sie noch versetzt, ich würde sie dann aber nachher übereinander legen):

                        [{"tpl":"tplMfdCustom10","data":{"oid":"fully-tablet-control.0.device.samsung_a7_eg.battery","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","asButton":false,"icon0":"/icons-mfd-svg/measure_battery_0.svg","icon1":"/icons-mfd-svg/measure_battery_0.svg","icon2":"/icons-mfd-svg/measure_battery_25.svg","icon3":"/icons-mfd-svg/measure_battery_25.svg","icon4":"/icons-mfd-svg/measure_battery_50.svg","icon5":"/icons-mfd-svg/measure_battery_50.svg","icon6":"/icons-mfd-svg/measure_battery_50.svg","icon7":"/icons-mfd-svg/measure_battery_75.svg","icon8":"/icons-mfd-svg/measure_battery_75.svg","icon9":"/icons-mfd-svg/measure_battery_100.svg","icon10":"/icons-mfd-svg/measure_battery_100.svg","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,"show_active":false,"min":"0","max":"100","iconValue0":"0","iconColor0":"green","iconColor1":"green","iconColor2":"green","iconColor3":"green","iconColor4":"green","iconColor5":"green","iconColor6":"green","iconColor7":"green","iconColor8":"green","invert_value":false,"class":"rotate90","iconColor9":"green","iconColor10":"green","name":"Akkustatus laden","visibility-oid":"shelly.0.SHSW-1#E8DB84AC4924#1.Relay0.Switch"},"style":{"left":"35px","top":"48px","transform":"90","width":"40px","z-index":"30","height":"40px"},"widgetSet":"jqui-mfd"},{"tpl":"tplMfdCustom10","data":{"oid":"fully-tablet-control.0.device.samsung_a7_eg.battery","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"false","visibility-groups-action":"hide","asButton":false,"icon0":"/icons-mfd-svg/measure_battery_0.svg","icon1":"/icons-mfd-svg/measure_battery_0.svg","icon2":"/icons-mfd-svg/measure_battery_25.svg","icon3":"/icons-mfd-svg/measure_battery_25.svg","icon4":"/icons-mfd-svg/measure_battery_50.svg","icon5":"/icons-mfd-svg/measure_battery_50.svg","icon6":"/icons-mfd-svg/measure_battery_50.svg","icon7":"/icons-mfd-svg/measure_battery_75.svg","icon8":"/icons-mfd-svg/measure_battery_75.svg","icon9":"/icons-mfd-svg/measure_battery_100.svg","icon10":"/icons-mfd-svg/measure_battery_100.svg","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,"show_active":false,"min":"0","max":"100","iconValue0":"0","iconColor0":"#ffad24","iconColor1":"#ffad24","iconColor2":"#ffad24","iconColor3":"#ffad24","iconColor4":"#ffad24","iconColor5":"#ffad24","iconColor6":"#ffad24","iconColor7":"#ffad24","iconColor8":"#ffad24","invert_value":false,"class":"rotate90","iconColor9":"#ffad24","iconColor10":"#ffad24","name":"Akkustatus entladen","visibility-oid":"shelly.0.SHSW-1#E8DB84AC4924#1.Relay0.Switch"},"style":{"left":"35px","top":"48px","transform":"90","width":"40px","z-index":"30","height":"40px"},"widgetSet":"jqui-mfd"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"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,"html":"EG"},"style":{"left":"15px","top":"58px","width":"25px","height":"20px","color":"white","text-align":"left","font-family":"Arial, Helvetica, sans-serif","font-style":"normal","font-variant":"normal","font-weight":"normal","font-size":"14px","line-height":"20px"},"widgetSet":"basic"}]
                        

                        jetzt habe ich das Problem, dass ich bei den Bildern eines erst sichbar und somit in den Vordergrund bringe, wenn ein Datenpunkt auf true gesetzt ist. Irgendwie bekomme ich das nicht hin. Ich gehe davon aus, dass wenn ich über das Skript die z-Level Eigenschaften anpasse, er doch dennoch die anderen widget Einstellungen übernehmen müsste - ich such mal den Fehler...

                        liv-in-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        schrieb am zuletzt editiert von
                        #17

                        @mguenther was genau meinst du ?

                        du rufst die seite auf. nach einer zeit wird dann das widget erst sichtbar gemacht - bzw es ändert sich irgendwas im widget

                        hast du das gemeint ?

                        es könnte sein, dass das noch nicht wirklich funktioniert - müßt ich prüfen

                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                        M 2 Antworten Letzte Antwort
                        0
                        • liv-in-skyL liv-in-sky

                          @mguenther was genau meinst du ?

                          du rufst die seite auf. nach einer zeit wird dann das widget erst sichtbar gemacht - bzw es ändert sich irgendwas im widget

                          hast du das gemeint ?

                          es könnte sein, dass das noch nicht wirklich funktioniert - müßt ich prüfen

                          M Offline
                          M Offline
                          mguenther
                          schrieb am zuletzt editiert von mguenther
                          #18

                          @liv-in-sky

                          irgendetwas passt nicht - ich finde es nicht

                          anbei meine 7 Beispiel widgets:

                          [{"tpl":"tplMfdCustom10","data":{"oid":"fully-tablet-control.0.device.samsung_a7_eg.battery","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"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":"true","visibility-groups-action":"hide","asButton":false,"icon0":"/icons-mfd-svg/measure_battery_0.svg","icon1":"/icons-mfd-svg/measure_battery_0.svg","icon2":"/icons-mfd-svg/measure_battery_25.svg","icon3":"/icons-mfd-svg/measure_battery_25.svg","icon4":"/icons-mfd-svg/measure_battery_50.svg","icon5":"/icons-mfd-svg/measure_battery_50.svg","icon6":"/icons-mfd-svg/measure_battery_50.svg","icon7":"/icons-mfd-svg/measure_battery_75.svg","icon8":"/icons-mfd-svg/measure_battery_75.svg","icon9":"/icons-mfd-svg/measure_battery_100.svg","icon10":"/icons-mfd-svg/measure_battery_100.svg","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,"show_active":false,"min":"0","max":"100","iconValue0":"0","iconColor0":"green","iconColor1":"green","iconColor2":"green","iconColor3":"green","iconColor4":"green","iconColor5":"green","iconColor6":"green","iconColor7":"green","iconColor8":"green","invert_value":false,"class":"rotate90","iconColor9":"green","iconColor10":"green","name":"Akkustatus laden","visibility-oid":"shelly.0.SHSW-1#E8DB84AC4924#1.Relay0.Switch"},"style":{"left":"35px","top":"52px","transform":"90","width":"40px","z-index":"","height":"40px","background-color":"#000000"},"widgetSet":"jqui-mfd"},{"tpl":"tplMfdCustom10","data":{"oid":"fully-tablet-control.0.device.samsung_a7_eg.battery","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"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":"false","visibility-groups-action":"hide","asButton":false,"icon0":"/icons-mfd-svg/measure_battery_0.svg","icon1":"/icons-mfd-svg/measure_battery_0.svg","icon2":"/icons-mfd-svg/measure_battery_25.svg","icon3":"/icons-mfd-svg/measure_battery_25.svg","icon4":"/icons-mfd-svg/measure_battery_50.svg","icon5":"/icons-mfd-svg/measure_battery_50.svg","icon6":"/icons-mfd-svg/measure_battery_50.svg","icon7":"/icons-mfd-svg/measure_battery_75.svg","icon8":"/icons-mfd-svg/measure_battery_75.svg","icon9":"/icons-mfd-svg/measure_battery_100.svg","icon10":"/icons-mfd-svg/measure_battery_100.svg","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,"show_active":false,"min":"0","max":"100","iconValue0":"0","iconColor0":"#ffad24","iconColor1":"#ffad24","iconColor2":"#ffad24","iconColor3":"#ffad24","iconColor4":"#ffad24","iconColor5":"#ffad24","iconColor6":"#ffad24","iconColor7":"#ffad24","iconColor8":"#ffad24","invert_value":false,"class":"rotate90","iconColor9":"#ffad24","iconColor10":"#ffad24","name":"Akkustatus entladen","visibility-oid":"shelly.0.SHSW-1#E8DB84AC4924#1.Relay0.Switch"},"style":{"left":"85px","top":"52px","transform":"90","width":"40px","z-index":"","height":"40px","background-color":"#000000"},"widgetSet":"jqui-mfd"},{"tpl":"tplMfdCustom10","data":{"oid":"fully-tablet-control.0.device.samsung_a7_og.battery","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"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":"false","visibility-groups-action":"hide","asButton":false,"icon0":"/icons-mfd-svg/measure_battery_0.svg","icon1":"/icons-mfd-svg/measure_battery_0.svg","icon2":"/icons-mfd-svg/measure_battery_25.svg","icon3":"/icons-mfd-svg/measure_battery_25.svg","icon4":"/icons-mfd-svg/measure_battery_50.svg","icon5":"/icons-mfd-svg/measure_battery_50.svg","icon6":"/icons-mfd-svg/measure_battery_50.svg","icon7":"/icons-mfd-svg/measure_battery_75.svg","icon8":"/icons-mfd-svg/measure_battery_75.svg","icon9":"/icons-mfd-svg/measure_battery_100.svg","icon10":"/icons-mfd-svg/measure_battery_100.svg","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,"show_active":false,"min":"0","max":"100","iconValue0":"0","iconColor0":"#ffad24","iconColor1":"#ffad24","iconColor2":"#ffad24","iconColor3":"#ffad24","iconColor4":"#ffad24","iconColor5":"#ffad24","iconColor6":"#ffad24","iconColor7":"#ffad24","iconColor8":"#ffad24","invert_value":false,"class":"rotate90","iconColor9":"#ffad24","iconColor10":"#ffad24","name":"Akkustatus entladen","visibility-oid":"hm-rpc.3.00021A49A41D24.3.STATE"},"style":{"left":"200px","top":"52px","transform":"90","width":"40px","z-index":"","height":"40px","background-color":"#000000"},"widgetSet":"jqui-mfd"},{"tpl":"tplMfdCustom10","data":{"oid":"fully-tablet-control.0.device.samsung_a7_og.battery","g_fixed":true,"g_visibility":true,"g_css_font_text":false,"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":"true","visibility-groups-action":"hide","asButton":false,"icon0":"/icons-mfd-svg/measure_battery_0.svg","icon1":"/icons-mfd-svg/measure_battery_0.svg","icon2":"/icons-mfd-svg/measure_battery_25.svg","icon3":"/icons-mfd-svg/measure_battery_25.svg","icon4":"/icons-mfd-svg/measure_battery_50.svg","icon5":"/icons-mfd-svg/measure_battery_50.svg","icon6":"/icons-mfd-svg/measure_battery_50.svg","icon7":"/icons-mfd-svg/measure_battery_75.svg","icon8":"/icons-mfd-svg/measure_battery_75.svg","icon9":"/icons-mfd-svg/measure_battery_100.svg","icon10":"/icons-mfd-svg/measure_battery_100.svg","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,"show_active":false,"min":"0","max":"100","iconValue0":"0","iconColor0":"green","iconColor1":"green","iconColor2":"green","iconColor3":"green","iconColor4":"green","iconColor5":"green","iconColor6":"green","iconColor7":"green","iconColor8":"green","invert_value":false,"class":"rotate90","iconColor9":"green","iconColor10":"green","name":"Akkustatus laden","visibility-oid":"hm-rpc.3.00021A49A41D24.3.STATE"},"style":{"left":"250px","top":"52px","transform":"90","width":"40px","z-index":"","height":"40px","background-color":"#000000"},"widgetSet":"jqui-mfd"},{"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,"html":"EG"},"style":{"left":"10px","top":"62px","width":"25px","height":"20px","color":"white","text-align":"right","font-family":"Arial, Helvetica, sans-serif","font-style":"normal","font-variant":"normal","font-weight":"normal","font-size":"14px","line-height":"20px","background-color":"#000000"},"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,"html":"OG"},"style":{"left":"175px","top":"62px","width":"25px","height":"20px","color":"white","text-align":"right","font-family":"Arial, Helvetica, sans-serif","font-style":"normal","font-variant":"normal","font-weight":"normal","font-size":"14px","line-height":"20px","background-color":"#000000"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"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":"000px","top":"58px","background-color":"yellow","z-index":"40","width":"300px","height":"10px"},"widgetSet":"basic"}]
                          

                          und mein angepasstes Skript:

                          function waitForElement(parent, elementPath, wid, widgetName, callBack, counter = 0, debug = false) {
                                  if (counter < 30) {
                                      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);
                                          }
                                      }, 1000);
                                  } else {
                                     if (debug) console.warn(`[${widgetName} ${wid}] stop waiting after ${counter} retries`);
                                      callBack();
                                 }
                             }
                          
                          //Port 8082 widgets w02612, w02615, w02613
                          waitForElement($('body'),'#w02615', 'dummy', 'dummy', function () {
                            var myport=location.port
                            if(myport=="8082"){
                             setTimeout( () => {
                              $("#w02615").css('z-index', 45);
                             }, 100);}
                           /*  }, 3000);*/
                          }, 0, true);
                          /* -------*/
                          
                          waitForElement($('body'),'#w02613', 'dummy', 'dummy', function () {
                            var myport=location.port
                            if(myport=="8082"){
                             setTimeout( () => {
                              $("#w02613").css('z-index', 45);
                             }, 100);}
                           /*  }, 3000);*/
                          }, 0, true);
                          /* -------*/
                          
                          waitForElement($('body'),'#w02612', 'dummy', 'dummy', function () {
                            var myport=location.port
                            if(myport=="8082"){
                             setTimeout( () => {
                              $("#w0612").css('z-index', 45);
                             }, 100);}
                           /*  }, 3000);*/
                          }, 0, true);
                          /* -------*/
                          
                          //Port 8072 - widgets w02614, w01427, w02306
                          waitForElement($('body'),'#w02614', 'dummy', 'dummy', function () {
                            var myport=location.port
                            if(myport=="8072"){
                             setTimeout( () => {
                              $("#w02614").css('z-index', 45);
                             }, 100);}
                           /*  }, 3000);*/
                          }, 0, true);
                          
                          waitForElement($('body'),'#w01427', 'dummy', 'dummy', function () {
                            var myport=location.port
                            if(myport=="8072"){
                             setTimeout( () => {
                              $("#w01427").css('z-index', 45);
                             }, 100);}
                           /*  }, 3000);*/
                          }, 0, true);
                          
                          waitForElement($('body'),'#w02306', 'dummy', 'dummy', function () {
                            var myport=location.port
                            if(myport=="8072"){
                             setTimeout( () => {
                              $("#w02306").css('z-index', 45);
                             }, 100);}
                           /*  }, 3000);*/
                          }, 0, true);
                          


                          Ich habe als Testwidget den gelben Balken (widget w02499) auf z-index = 40 gesetzt. Allen anderen 6 widgets habe ich keinen z-index gegeben (ich hatte vorher als Wert 10 genommen, hat aber den gleichen Effekt). Nun soll auf dem einen Tablet Port 8082 die widgets w02612, w02615, w02613 einen höheren z-index als widget w02499 (der gelbe Balken) bekommen, so dass sie quasi vor diesem dann liegen. Gleichzeitig habe ich für widget w02612 und w02613 unter Sichbarkeit eingestellt, dass diese je nach Wert eines Datenpunktes sichtbar sind oder eben nicht...
                          Das klappt auch für 2 von den drei widgets, aber nicht für alle und ich finde den Fehler nicht.
                          Auf Port 8072 klappt alles, wie es soll
                          9e686168-db92-4312-ab83-99b3570f88d0-grafik.png

                          die unteren 4 Screenshots sind auf 2 Rechnern gemacht worden, wobei der Datenpunkt zur Sichtbarkeit jedes Mal verändert wurde

                          1 Antwort Letzte Antwort
                          0
                          • liv-in-skyL liv-in-sky

                            @mguenther was genau meinst du ?

                            du rufst die seite auf. nach einer zeit wird dann das widget erst sichtbar gemacht - bzw es ändert sich irgendwas im widget

                            hast du das gemeint ?

                            es könnte sein, dass das noch nicht wirklich funktioniert - müßt ich prüfen

                            M Offline
                            M Offline
                            mguenther
                            schrieb am zuletzt editiert von
                            #19

                            @liv-in-sky

                            Fehler gefunden - im Skript stand bei widget w02612:

                                $("#w0612").css('z-index', 45);
                            

                            anstelle von

                                $("#w02612").css('z-index', 45);
                            

                            da passte die widget Nummer nicht - danke, geht alles wie es soll

                            1 Antwort Letzte Antwort
                            0
                            Antworten
                            • In einem neuen Thema antworten
                            Anmelden zum Antworten
                            • Älteste zuerst
                            • Neuste zuerst
                            • Meiste Stimmen


                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            452

                            Online

                            32.6k

                            Benutzer

                            82.2k

                            Themen

                            1.3m

                            Beiträge
                            Community
                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                            ioBroker Community 2014-2025
                            logo
                            • Anmelden

                            • Du hast noch kein Konto? Registrieren

                            • Anmelden oder registrieren, um zu suchen
                            • Erster Beitrag
                              Letzter Beitrag
                            0
                            • Home
                            • Aktuell
                            • Tags
                            • Ungelesen 0
                            • Kategorien
                            • Unreplied
                            • Beliebt
                            • GitHub
                            • Docu
                            • Hilfe