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. ioBroker Allgemein
  4. von wo wird VIS abgefragt?

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

von wo wird VIS abgefragt?

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
vis widgetsweb-adaptervisualisierung
68 Beiträge 8 Kommentatoren 6.8k Aufrufe 8 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.
  • D Digi-Bit

    @homoran sagte in von wo wird VIS abgefragt?:

    @digi-bit sagte in von wo wird VIS abgefragt?:

    Grob gesagt will ich : das auf Tablet 1 (im DARK Moden ( (ich hoffe das du da weist was ich meine )) ein Widgets mit Roten rahmen dargestellt wird und auf dem Tablet 2 im "normalen " Modus oder ebent WinPC mit grünen Rahmen.

    also doch!
    Diese Informationen liegen als CSS Daten im vis-views.json vor.

    um das zu realisieren müsste -wie vermutet- mal eben on the fly dieses JSON angepasst werden.

    Das ist unrealistisch.
    Da solltest du eher mit Instanzenspezifischen views arbeiten. (wie auch immer das funktioniert)

    Das ist aber schade das man den DARK Modus eines Handy oder Tablet nicht bei VIS berücksichtigen kann ;-(

    vielleicht erbarmen die Leute die VIS 2 grade bauen sich mal dort eine Möglichkeit einzubauen.

    mfg

    Digi-Bit

    HomoranH Nicht stören
    HomoranH Nicht stören
    Homoran
    Global Moderator Administrators
    schrieb am zuletzt editiert von
    #15

    @digi-bit sagte in von wo wird VIS abgefragt?:

    Das ist aber schade das man den DARK Modus eines Handy oder Tablet nicht bei VIS berücksichtigen kann ;-(

    vielleicht solltest du mal mit den Themes spielen.

    @digi-bit sagte in von wo wird VIS abgefragt?:

    weil sich ab und an diese auf den Selben Tablet ändern tut

    nur wenn du mit anderem Browser zugreifst

    kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

    der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

    D 1 Antwort Letzte Antwort
    0
    • HomoranH Homoran

      @digi-bit sagte in von wo wird VIS abgefragt?:

      Das ist aber schade das man den DARK Modus eines Handy oder Tablet nicht bei VIS berücksichtigen kann ;-(

      vielleicht solltest du mal mit den Themes spielen.

      @digi-bit sagte in von wo wird VIS abgefragt?:

      weil sich ab und an diese auf den Selben Tablet ändern tut

      nur wenn du mit anderem Browser zugreifst

      D Offline
      D Offline
      Digi-Bit
      schrieb am zuletzt editiert von
      #16

      @homoran sagte in von wo wird VIS abgefragt?:

      @digi-bit sagte in von wo wird VIS abgefragt?:

      Das ist aber schade das man den DARK Modus eines Handy oder Tablet nicht bei VIS berücksichtigen kann ;-(

      vielleicht solltest du mal mit den Themes spielen.

      @digi-bit sagte in von wo wird VIS abgefragt?:

      weil sich ab und an diese auf den Selben Tablet ändern tut

      nur wenn du mit anderem Browser zugreifst

      ne, leider nicht ich habe auf den TABs fullybrowser und ebent grade wurde wieder dies geändert.

      "hier klicken bla bla..... "

      wäre auch zu schön ....

      mfg

      Digi-Bit

      Router: Ubiquiti UniFi Dream Machine Pro|Iobroker I.NUCi5/Debian, 6 x Switche, 3 x APs, 3 x Cam, 2 x Nas(Qnap 4 & 8 Bay's)
      7 x Echos, 76 x Tasmota, 58 x ZigBee, Homatic Ip, 2 x USV

      HomoranH 1 Antwort Letzte Antwort
      0
      • D Digi-Bit

        @homoran sagte in von wo wird VIS abgefragt?:

        @digi-bit sagte in von wo wird VIS abgefragt?:

        Das ist aber schade das man den DARK Modus eines Handy oder Tablet nicht bei VIS berücksichtigen kann ;-(

        vielleicht solltest du mal mit den Themes spielen.

        @digi-bit sagte in von wo wird VIS abgefragt?:

        weil sich ab und an diese auf den Selben Tablet ändern tut

        nur wenn du mit anderem Browser zugreifst

        ne, leider nicht ich habe auf den TABs fullybrowser und ebent grade wurde wieder dies geändert.

        "hier klicken bla bla..... "

        wäre auch zu schön ....

        mfg

        Digi-Bit

        HomoranH Nicht stören
        HomoranH Nicht stören
        Homoran
        Global Moderator Administrators
        schrieb am zuletzt editiert von
        #17

        @digi-bit sagte in von wo wird VIS abgefragt?:

        fullybrowser

        security sucks :joy:

        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

        D 1 Antwort Letzte Antwort
        0
        • HomoranH Homoran

          @digi-bit sagte in von wo wird VIS abgefragt?:

          fullybrowser

          security sucks :joy:

          D Offline
          D Offline
          Digi-Bit
          schrieb am zuletzt editiert von
          #18

          @homoran sagte in von wo wird VIS abgefragt?:

          security sucks

          aber sowas von manchmal ................

          Router: Ubiquiti UniFi Dream Machine Pro|Iobroker I.NUCi5/Debian, 6 x Switche, 3 x APs, 3 x Cam, 2 x Nas(Qnap 4 & 8 Bay's)
          7 x Echos, 76 x Tasmota, 58 x ZigBee, Homatic Ip, 2 x USV

          liv-in-skyL 1 Antwort Letzte Antwort
          0
          • D Digi-Bit

            @homoran sagte in von wo wird VIS abgefragt?:

            security sucks

            aber sowas von manchmal ................

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

            @digi-bit

            kopiere das im vis editor in das script tab

               
                  if (location.port=="8082") {
                      
              $('.vis-view').css({
                 'background-image': ' linear-gradient(#c6c6dc,#a8b4d6, #fabf67,#f9a05a)',
               })}
               else{
               $('.vis-view').css({
                 'background-image': ' linear-gradient(90deg, rgba(194,50,167,1) 0%, rgba(69,113,175,1) 49%, rgba(84,141,159,1) 100%)',
               })
               
               }
               
               vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
            
            
            
            

            du brauchst eigentlich nur

            vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
            

            das andere ist für den hintergrund - ich habe es einfach mal drin gelassen

            du legst eine 2te web adapter instanz an mit einem noch freien port und einen dp (bei mir: 0_userdata.0.CONTROL-OWN.AAATEST.vis-port - kannst du selbst bestimmen) - dann sollte der dp (typ zeichenkette) gesetzt werden mit der port number, die das tablet nutzt und du kannst daruf reagieren

            oder du willst einen boolean dp, dann:

             if (location.port=="8082") {
               vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port',true);
            
            	}
            
            

            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

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

              @digi-bit

              kopiere das im vis editor in das script tab

                 
                    if (location.port=="8082") {
                        
                $('.vis-view').css({
                   'background-image': ' linear-gradient(#c6c6dc,#a8b4d6, #fabf67,#f9a05a)',
                 })}
                 else{
                 $('.vis-view').css({
                   'background-image': ' linear-gradient(90deg, rgba(194,50,167,1) 0%, rgba(69,113,175,1) 49%, rgba(84,141,159,1) 100%)',
                 })
                 
                 }
                 
                 vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
              
              
              
              

              du brauchst eigentlich nur

              vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
              

              das andere ist für den hintergrund - ich habe es einfach mal drin gelassen

              du legst eine 2te web adapter instanz an mit einem noch freien port und einen dp (bei mir: 0_userdata.0.CONTROL-OWN.AAATEST.vis-port - kannst du selbst bestimmen) - dann sollte der dp (typ zeichenkette) gesetzt werden mit der port number, die das tablet nutzt und du kannst daruf reagieren

              oder du willst einen boolean dp, dann:

               if (location.port=="8082") {
                 vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port',true);
              
              	}
              
              
              D Offline
              D Offline
              Digi-Bit
              schrieb am zuletzt editiert von
              #20

              @liv-in-sky sagte in von wo wird VIS abgefragt?:

              @digi-bit

              kopiere das im vis editor in das script tab

               
                  if (location.port=="8082") {
                      
                $('.vis-view').css({
                   'background-image': ' linear-gradient(#c6c6dc,#a8b4d6, #fabf67,#f9a05a)',
                 })}
               else{
               $('.vis-view').css({
                   'background-image': ' linear-gradient(90deg, rgba(194,50,167,1) 0%, rgba(69,113,175,1) 49%, rgba(84,141,159,1) 100%)',
                 })
               
               }
               
               vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
              
              
              
              

              du brauchst eigentlich nur

              vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
              

              das andere ist für den hintergrund - ich habe es einfach mal drin gelassen

              du legst eine 2te web adapter instanz an mit einem noch freien port und einen dp (bei mir: 0_userdata.0.CONTROL-OWN.AAATEST.vis-port - kannst du selbst bestimmen) - dann sollte der dp (typ zeichenkette) gesetzt werden mit der port number, die das tablet nutzt und du kannst daruf reagieren

              oder du willst einen boolean dp, dann:

               if (location.port=="8082") {
                 vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port',true);
              
              	}
              
              

              Erstmal danke das sich welche melden mit Ideen !!!!!!

              naja.... ist eine Idee.....aber unterm strich auch doof weil:

              TAB 1 = Normal Mode

              TAB 2 = Dark Mode

              ich habe ein Widgets gedoppelt und lass das eine bei Port 8081 anzeigen und das andere bei 8082

              soweit geht das wenn ich die Seite am jeweiligen TAB aktualisiere.

              Nur.... wen ich die Seite an TAB 2 aktualisiere dann verschwindet das Widgets beim TAB 1, das ist dann Blank...

              Also unterm strich auch blöd ..................

              gibt es noch was besseres ?

              mfg

              Digi-Bit

              Router: Ubiquiti UniFi Dream Machine Pro|Iobroker I.NUCi5/Debian, 6 x Switche, 3 x APs, 3 x Cam, 2 x Nas(Qnap 4 & 8 Bay's)
              7 x Echos, 76 x Tasmota, 58 x ZigBee, Homatic Ip, 2 x USV

              liv-in-skyL 1 Antwort Letzte Antwort
              0
              • D Digi-Bit

                @liv-in-sky sagte in von wo wird VIS abgefragt?:

                @digi-bit

                kopiere das im vis editor in das script tab

                 
                    if (location.port=="8082") {
                        
                  $('.vis-view').css({
                     'background-image': ' linear-gradient(#c6c6dc,#a8b4d6, #fabf67,#f9a05a)',
                   })}
                 else{
                 $('.vis-view').css({
                     'background-image': ' linear-gradient(90deg, rgba(194,50,167,1) 0%, rgba(69,113,175,1) 49%, rgba(84,141,159,1) 100%)',
                   })
                 
                 }
                 
                 vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
                
                
                
                

                du brauchst eigentlich nur

                vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
                

                das andere ist für den hintergrund - ich habe es einfach mal drin gelassen

                du legst eine 2te web adapter instanz an mit einem noch freien port und einen dp (bei mir: 0_userdata.0.CONTROL-OWN.AAATEST.vis-port - kannst du selbst bestimmen) - dann sollte der dp (typ zeichenkette) gesetzt werden mit der port number, die das tablet nutzt und du kannst daruf reagieren

                oder du willst einen boolean dp, dann:

                 if (location.port=="8082") {
                   vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port',true);
                
                	}
                
                

                Erstmal danke das sich welche melden mit Ideen !!!!!!

                naja.... ist eine Idee.....aber unterm strich auch doof weil:

                TAB 1 = Normal Mode

                TAB 2 = Dark Mode

                ich habe ein Widgets gedoppelt und lass das eine bei Port 8081 anzeigen und das andere bei 8082

                soweit geht das wenn ich die Seite am jeweiligen TAB aktualisiere.

                Nur.... wen ich die Seite an TAB 2 aktualisiere dann verschwindet das Widgets beim TAB 1, das ist dann Blank...

                Also unterm strich auch blöd ..................

                gibt es noch was besseres ?

                mfg

                Digi-Bit

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

                @digi-bit

                verstehe - eine ganz andere habe ich nicht

                ist logisch, dass das passiert - hatte ich nicht drangedacht :-(

                habe schon was, was funktioniert - ist aber etwas aufwendiger - man müßte die einzelnen widgets alle in einem script pflegen

                das ganze funktioniert nicht über sichtbarkeit, sondern über den z-index (evtl ging auch opacity)

                die änderung des z-index sieht man hier:

                waitForElement($('body'),'#w00009', 'dummy', 'dummy', function () {
                
                  // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
                
                 console.log("jetzt")
                
                   // und in einen Datenpunkt schreiben
                
                  
                   
                   
                     $('#w00009').click(function(){
                  vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
                  vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port-sichtbar', false);
                  console.log(location.port);
                   setTimeout( () => { 
                      vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port-sichtbar',true); 
                   }, 6000);
                   
                   
                });
                
                 /*  }, 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( () => {
                    console.log("update")
                    $("#w00382").css('z-index', 30);
                    $("#w00382").text("z-index"+",30 bei tablet 2");
                   }, 100);}
                  
                   
                
                   
                   
                
                
                 /*  }, 3000);*/
                
                }, 0, true);
                

                in zeile 39 wird der z-index angepaßt, wenn der port 8082. im widget ist das "normal-mode" widget um einen z-index wert höher (z.b 6)
                das darunter liegende widget für den dark-mode hat den z-index 5 - ist also darunter und nicht zu sehen

                das script ändert den z-index beim port 8072 und somit erscheint das dark-mode widget, weil es einen z-index von 30 bekommt - die sichtbarkeit wird nicht genutzt

                script-vis23.gif

                dummerweise müßte für jedes widget die/eine function waitForElement ... angelegt werden - bei vielen widgets sehr nervig

                die function waitForElement ... wird benötigt, weil sichergestellt sein muss, dass das widget fertig geladen ist bevor der z-index geändert wird

                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

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

                  @digi-bit

                  verstehe - eine ganz andere habe ich nicht

                  ist logisch, dass das passiert - hatte ich nicht drangedacht :-(

                  habe schon was, was funktioniert - ist aber etwas aufwendiger - man müßte die einzelnen widgets alle in einem script pflegen

                  das ganze funktioniert nicht über sichtbarkeit, sondern über den z-index (evtl ging auch opacity)

                  die änderung des z-index sieht man hier:

                  waitForElement($('body'),'#w00009', 'dummy', 'dummy', function () {
                  
                    // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
                  
                   console.log("jetzt")
                  
                     // und in einen Datenpunkt schreiben
                  
                    
                     
                     
                       $('#w00009').click(function(){
                    vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
                    vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port-sichtbar', false);
                    console.log(location.port);
                     setTimeout( () => { 
                        vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port-sichtbar',true); 
                     }, 6000);
                     
                     
                  });
                  
                   /*  }, 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( () => {
                      console.log("update")
                      $("#w00382").css('z-index', 30);
                      $("#w00382").text("z-index"+",30 bei tablet 2");
                     }, 100);}
                    
                     
                  
                     
                     
                  
                  
                   /*  }, 3000);*/
                  
                  }, 0, true);
                  

                  in zeile 39 wird der z-index angepaßt, wenn der port 8082. im widget ist das "normal-mode" widget um einen z-index wert höher (z.b 6)
                  das darunter liegende widget für den dark-mode hat den z-index 5 - ist also darunter und nicht zu sehen

                  das script ändert den z-index beim port 8072 und somit erscheint das dark-mode widget, weil es einen z-index von 30 bekommt - die sichtbarkeit wird nicht genutzt

                  script-vis23.gif

                  dummerweise müßte für jedes widget die/eine function waitForElement ... angelegt werden - bei vielen widgets sehr nervig

                  die function waitForElement ... wird benötigt, weil sichergestellt sein muss, dass das widget fertig geladen ist bevor der z-index geändert wird

                  D Offline
                  D Offline
                  Digi-Bit
                  schrieb am zuletzt editiert von
                  #22

                  @liv-in-sky

                  Ich muss also das Script für jedes Widgets einmal einfügen.... ( die Daten für JEDES Widgets Pro einfügen dem Widgets anpassen....)

                  ähm....mein Projekt ist fast 200 MB gross und denke mal das ich min. 300 Seiten habe (eher mehr ) da brauch ich ja
                  Monate für :nauseated_face:

                  dann fang ich m al an..... hust....

                  Jedenfalls ein dickes DANKE für deine Bemühungen.....

                  vielleicht kann man ja in weiter Zukunft mal was in VIS2 einbauen wo man sowas einfacher händeln kann....

                  mfg

                  Digi-Bit

                  Router: Ubiquiti UniFi Dream Machine Pro|Iobroker I.NUCi5/Debian, 6 x Switche, 3 x APs, 3 x Cam, 2 x Nas(Qnap 4 & 8 Bay's)
                  7 x Echos, 76 x Tasmota, 58 x ZigBee, Homatic Ip, 2 x USV

                  BoronsbruderB 1 Antwort Letzte Antwort
                  0
                  • D Digi-Bit

                    @liv-in-sky

                    Ich muss also das Script für jedes Widgets einmal einfügen.... ( die Daten für JEDES Widgets Pro einfügen dem Widgets anpassen....)

                    ähm....mein Projekt ist fast 200 MB gross und denke mal das ich min. 300 Seiten habe (eher mehr ) da brauch ich ja
                    Monate für :nauseated_face:

                    dann fang ich m al an..... hust....

                    Jedenfalls ein dickes DANKE für deine Bemühungen.....

                    vielleicht kann man ja in weiter Zukunft mal was in VIS2 einbauen wo man sowas einfacher händeln kann....

                    mfg

                    Digi-Bit

                    BoronsbruderB Online
                    BoronsbruderB Online
                    Boronsbruder
                    schrieb am zuletzt editiert von
                    #23

                    @digi-bit
                    ich weiß ja nicht, ob im vis selbst im Javascript die eigene instanz abgefragt werden kann...
                    Dann wäre zum Beispiel eine Möglichkeit ein vis-internes Skript, das die CSS-Eigenschaft ändert möglich...
                    quasi in einem window.onload oder document.onload
                    ein binding für instance gibt es z.B. siehe

                    liv-in-skyL 1 Antwort Letzte Antwort
                    0
                    • BoronsbruderB Boronsbruder

                      @digi-bit
                      ich weiß ja nicht, ob im vis selbst im Javascript die eigene instanz abgefragt werden kann...
                      Dann wäre zum Beispiel eine Möglichkeit ein vis-internes Skript, das die CSS-Eigenschaft ändert möglich...
                      quasi in einem window.onload oder document.onload
                      ein binding für instance gibt es z.B. siehe

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

                      @boronsbruder das problem mit der instance ist, dass es nur solange funktioniert, bis der browser cache gelöscht wird - dann mußt du das ganze wieder einrichten -> instance bestimmen - scripte angleichen auf die neue instance

                      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

                      BoronsbruderB BananaJoeB 2 Antworten Letzte Antwort
                      0
                      • liv-in-skyL liv-in-sky

                        @boronsbruder das problem mit der instance ist, dass es nur solange funktioniert, bis der browser cache gelöscht wird - dann mußt du das ganze wieder einrichten -> instance bestimmen - scripte angleichen auf die neue instance

                        BoronsbruderB Online
                        BoronsbruderB Online
                        Boronsbruder
                        schrieb am zuletzt editiert von Boronsbruder
                        #25

                        Dann wäre vielleicht, wenn er FullyBrowser laufen hat, noch ein Weg über die DPs des Fully Adapters zu triggern?
                        fullybrowser.0.192_168_116_2.Info.screenOn oder fullybrowser.0.192_168_116_2.Info.currentPage
                        Android petzt ja alles :D

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

                          @boronsbruder das problem mit der instance ist, dass es nur solange funktioniert, bis der browser cache gelöscht wird - dann mußt du das ganze wieder einrichten -> instance bestimmen - scripte angleichen auf die neue instance

                          BananaJoeB Online
                          BananaJoeB Online
                          BananaJoe
                          Most Active
                          schrieb am zuletzt editiert von BananaJoe
                          #26

                          @liv-in-sky könnte man dem Gerät - wenn es denn für sich weis welches es ist - eine jeweils andere CSS-Datei / Konfig unterjubeln?
                          so aka %COMPUTERNAME%.css ?

                          Ich habe noch mal geschaut - das Elementare Problem damals war ja das man innerhalb des Browsers quasi 0 Informationen über das System bekommt. Ergo wird @Digi-Bit der Umweg über Ports (kleine Lösung) oder IP-Adresse (große Lösung) nicht erspart bleiben. Aber man kann ja quasi alles per CSS erschlagen.
                          Auch wenn er dann jedes seiner Widgets im CSS pflegen muss.
                          Wobei, man kann ja bei jedem Widget einen CSS Eintrag machen, den könnte man per Datenpunkt steuern - argh auch Quatsch, dann schaltet es bei beiden um.

                          @Digi-Bit du brauchst einen Penumbra-Mode

                          ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                          liv-in-skyL 1 Antwort Letzte Antwort
                          0
                          • BananaJoeB BananaJoe

                            @liv-in-sky könnte man dem Gerät - wenn es denn für sich weis welches es ist - eine jeweils andere CSS-Datei / Konfig unterjubeln?
                            so aka %COMPUTERNAME%.css ?

                            Ich habe noch mal geschaut - das Elementare Problem damals war ja das man innerhalb des Browsers quasi 0 Informationen über das System bekommt. Ergo wird @Digi-Bit der Umweg über Ports (kleine Lösung) oder IP-Adresse (große Lösung) nicht erspart bleiben. Aber man kann ja quasi alles per CSS erschlagen.
                            Auch wenn er dann jedes seiner Widgets im CSS pflegen muss.
                            Wobei, man kann ja bei jedem Widget einen CSS Eintrag machen, den könnte man per Datenpunkt steuern - argh auch Quatsch, dann schaltet es bei beiden um.

                            @Digi-Bit du brauchst einen Penumbra-Mode

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

                            @bananajoe sagte in von wo wird VIS abgefragt?:

                            CSS pflegen muss

                            ja - habe auch schon an css gedacht - aber das ist ja letztlich auch ein enormer aufwand die settings alle zu pflegen für alle verschiedenen widgets - gefühlt ist das mit den z-index einfacher - mir fällt aber auch nix besseres ein - ob port oder ip abfrage - der aufwand ist immer groß - vielleicht kommt ja über nacht noch eine eingebung

                            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

                            BoronsbruderB BananaJoeB 2 Antworten Letzte Antwort
                            0
                            • BananaJoeB Online
                              BananaJoeB Online
                              BananaJoe
                              Most Active
                              schrieb am zuletzt editiert von
                              #28

                              mhh einen Button dafür:
                              https://www.w3schools.com/howto/howto_js_toggle_dark_mode.asp
                              der ein CSS aktiviert - das ging dann auch per JavaScript aus der VIS heraus

                              ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

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

                                @bananajoe sagte in von wo wird VIS abgefragt?:

                                CSS pflegen muss

                                ja - habe auch schon an css gedacht - aber das ist ja letztlich auch ein enormer aufwand die settings alle zu pflegen für alle verschiedenen widgets - gefühlt ist das mit den z-index einfacher - mir fällt aber auch nix besseres ein - ob port oder ip abfrage - der aufwand ist immer groß - vielleicht kommt ja über nacht noch eine eingebung

                                BoronsbruderB Online
                                BoronsbruderB Online
                                Boronsbruder
                                schrieb am zuletzt editiert von
                                #29

                                @BananaJoe -> @Digi-Bit, nicht ich... versuche nur zu helfen ;)

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

                                  @bananajoe sagte in von wo wird VIS abgefragt?:

                                  CSS pflegen muss

                                  ja - habe auch schon an css gedacht - aber das ist ja letztlich auch ein enormer aufwand die settings alle zu pflegen für alle verschiedenen widgets - gefühlt ist das mit den z-index einfacher - mir fällt aber auch nix besseres ein - ob port oder ip abfrage - der aufwand ist immer groß - vielleicht kommt ja über nacht noch eine eingebung

                                  BananaJoeB Online
                                  BananaJoeB Online
                                  BananaJoe
                                  Most Active
                                  schrieb am zuletzt editiert von
                                  #30

                                  @liv-in-sky sagte in von wo wird VIS abgefragt?:

                                  @bananajoe sagte in von wo wird VIS abgefragt?:

                                  CSS pflegen muss

                                  ja - habe auch schon an css gedacht - aber das ist ja letztlich auch ein enormer aufwand die settings alle zu pflegen für alle verschiedenen widgets - gefühlt ist das mit den z-index einfacher - mir fällt aber auch nix besseres ein - ob port oder ip abfrage - der aufwand ist immer groß - vielleicht kommt ja über nacht noch eine eingebung

                                  könnte man ja Scripten :-) Per Skript die Config der VIS auslesen und daraus eine passende CSS für den Darkmode generieren lassen.

                                  ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                  liv-in-skyL 1 Antwort Letzte Antwort
                                  0
                                  • BoronsbruderB Boronsbruder

                                    @BananaJoe -> @Digi-Bit, nicht ich... versuche nur zu helfen ;)

                                    BananaJoeB Online
                                    BananaJoeB Online
                                    BananaJoe
                                    Most Active
                                    schrieb am zuletzt editiert von
                                    #31

                                    @boronsbruder sagte in von wo wird VIS abgefragt?:

                                    @BananaJoe -> @Digi-Bit, nicht ich... versuche nur zu helfen ;)

                                    hab es geändert, bin mal wieder mit den Namen durcheinander gekommen

                                    ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                    1 Antwort Letzte Antwort
                                    0
                                    • BananaJoeB BananaJoe

                                      @liv-in-sky sagte in von wo wird VIS abgefragt?:

                                      @bananajoe sagte in von wo wird VIS abgefragt?:

                                      CSS pflegen muss

                                      ja - habe auch schon an css gedacht - aber das ist ja letztlich auch ein enormer aufwand die settings alle zu pflegen für alle verschiedenen widgets - gefühlt ist das mit den z-index einfacher - mir fällt aber auch nix besseres ein - ob port oder ip abfrage - der aufwand ist immer groß - vielleicht kommt ja über nacht noch eine eingebung

                                      könnte man ja Scripten :-) Per Skript die Config der VIS auslesen und daraus eine passende CSS für den Darkmode generieren lassen.

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

                                      @bananajoe sagte in von wo wird VIS abgefragt?:

                                      Per Skript die Config der VIS auslesen und daraus eine passende CSS für den Darkmode generieren lassen

                                      das glaube ich bei mir nicht :-(

                                      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
                                      • D Digi-Bit

                                        @homoran sagte in von wo wird VIS abgefragt?:

                                        @digi-bit sagte in von wo wird VIS abgefragt?:

                                        Grob gesagt will ich : das auf Tablet 1 (im DARK Moden ( (ich hoffe das du da weist was ich meine )) ein Widgets mit Roten rahmen dargestellt wird und auf dem Tablet 2 im "normalen " Modus oder ebent WinPC mit grünen Rahmen.

                                        also doch!
                                        Diese Informationen liegen als CSS Daten im vis-views.json vor.

                                        um das zu realisieren müsste -wie vermutet- mal eben on the fly dieses JSON angepasst werden.

                                        Das ist unrealistisch.
                                        Da solltest du eher mit Instanzenspezifischen views arbeiten. (wie auch immer das funktioniert)

                                        Das ist aber schade das man den DARK Modus eines Handy oder Tablet nicht bei VIS berücksichtigen kann ;-(

                                        vielleicht erbarmen die Leute die VIS 2 grade bauen sich mal dort eine Möglichkeit einzubauen.

                                        mfg

                                        Digi-Bit

                                        OliverIOO Offline
                                        OliverIOO Offline
                                        OliverIO
                                        schrieb am zuletzt editiert von
                                        #33

                                        @digi-bit sagte in von wo wird VIS abgefragt?:

                                        Das ist aber schade das man den DARK Modus eines Handy oder Tablet nicht bei VIS berücksichtigen kann

                                        ich verwende auch alles im dunklen modus und verwende für vis
                                        das theme dark / oder dark-hive

                                        Meine Adapter und Widgets
                                        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                                        Links im Profil

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

                                          @digi-bit

                                          verstehe - eine ganz andere habe ich nicht

                                          ist logisch, dass das passiert - hatte ich nicht drangedacht :-(

                                          habe schon was, was funktioniert - ist aber etwas aufwendiger - man müßte die einzelnen widgets alle in einem script pflegen

                                          das ganze funktioniert nicht über sichtbarkeit, sondern über den z-index (evtl ging auch opacity)

                                          die änderung des z-index sieht man hier:

                                          waitForElement($('body'),'#w00009', 'dummy', 'dummy', function () {
                                          
                                            // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
                                          
                                           console.log("jetzt")
                                          
                                             // und in einen Datenpunkt schreiben
                                          
                                            
                                             
                                             
                                               $('#w00009').click(function(){
                                            vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
                                            vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port-sichtbar', false);
                                            console.log(location.port);
                                             setTimeout( () => { 
                                                vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port-sichtbar',true); 
                                             }, 6000);
                                             
                                             
                                          });
                                          
                                           /*  }, 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( () => {
                                              console.log("update")
                                              $("#w00382").css('z-index', 30);
                                              $("#w00382").text("z-index"+",30 bei tablet 2");
                                             }, 100);}
                                            
                                             
                                          
                                             
                                             
                                          
                                          
                                           /*  }, 3000);*/
                                          
                                          }, 0, true);
                                          

                                          in zeile 39 wird der z-index angepaßt, wenn der port 8082. im widget ist das "normal-mode" widget um einen z-index wert höher (z.b 6)
                                          das darunter liegende widget für den dark-mode hat den z-index 5 - ist also darunter und nicht zu sehen

                                          das script ändert den z-index beim port 8072 und somit erscheint das dark-mode widget, weil es einen z-index von 30 bekommt - die sichtbarkeit wird nicht genutzt

                                          script-vis23.gif

                                          dummerweise müßte für jedes widget die/eine function waitForElement ... angelegt werden - bei vielen widgets sehr nervig

                                          die function waitForElement ... wird benötigt, weil sichergestellt sein muss, dass das widget fertig geladen ist bevor der z-index geändert wird

                                          D Offline
                                          D Offline
                                          Digi-Bit
                                          schrieb am zuletzt editiert von Digi-Bit
                                          #34

                                          @liv-in-sky sagte in von wo wird VIS abgefragt?:

                                          @digi-bit

                                          verstehe - eine ganz andere habe ich nicht

                                          ist logisch, dass das passiert - hatte ich nicht drangedacht :-(

                                          habe schon was, was funktioniert - ist aber etwas aufwendiger - man müßte die einzelnen widgets alle in einem script pflegen

                                          das ganze funktioniert nicht über sichtbarkeit, sondern über den z-index (evtl ging auch opacity)

                                          die änderung des z-index sieht man hier:

                                          waitForElement($('body'),'#w00009', 'dummy', 'dummy', function () {
                                          
                                            // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
                                          
                                           console.log("jetzt")
                                          
                                             // und in einen Datenpunkt schreiben
                                          
                                            
                                             
                                             
                                               $('#w00009').click(function(){
                                            vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
                                            vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port-sichtbar', false);
                                            console.log(location.port);
                                             setTimeout( () => { 
                                                vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port-sichtbar',true); 
                                             }, 6000);
                                             
                                             
                                          });
                                          
                                           /*  }, 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( () => {
                                              console.log("update")
                                              $("#w00382").css('z-index', 30);
                                              $("#w00382").text("z-index"+",30 bei tablet 2");
                                             }, 100);}
                                            
                                             
                                          
                                             
                                             
                                          
                                          
                                           /*  }, 3000);*/
                                          
                                          }, 0, true);
                                          

                                          in zeile 39 wird der z-index angepaßt, wenn der port 8082. im widget ist das "normal-mode" widget um einen z-index wert höher (z.b 6)
                                          das darunter liegende widget für den dark-mode hat den z-index 5 - ist also darunter und nicht zu sehen

                                          das script ändert den z-index beim port 8072 und somit erscheint das dark-mode widget, weil es einen z-index von 30 bekommt - die sichtbarkeit wird nicht genutzt

                                          script-vis23.gif

                                          dummerweise müßte für jedes widget die/eine function waitForElement ... angelegt werden - bei vielen widgets sehr nervig

                                          die function waitForElement ... wird benötigt, weil sichergestellt sein muss, dass das widget fertig geladen ist bevor der z-index geändert wird

                                          also diese Version Gefällt mir am besten !

                                          nach langen probieren habe ich es endlich hin bekommen !

                                          ich bedanke mich bei allen !!!!!!!!!!!!!!!!!

                                          mfg

                                          Digi-Bit

                                          Router: Ubiquiti UniFi Dream Machine Pro|Iobroker I.NUCi5/Debian, 6 x Switche, 3 x APs, 3 x Cam, 2 x Nas(Qnap 4 & 8 Bay's)
                                          7 x Echos, 76 x Tasmota, 58 x ZigBee, Homatic Ip, 2 x USV

                                          D 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
                                          FAQ Cloud / IOT
                                          HowTo: Node.js-Update
                                          HowTo: Backup/Restore
                                          Downloads
                                          BLOG

                                          662

                                          Online

                                          32.7k

                                          Benutzer

                                          82.4k

                                          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