Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[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

[BananaJoe]

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

[Boronsbruder]

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

[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.

[BananaJoe]

@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

[liv-in-sky]

@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 :-(

[OliverIO]

@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

[Digi-Bit]

@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:

Spoiler

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

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

[Digi-Bit]

ähhhhhhhhhhhhh

doch nicht, wen ich auf die Wetter Seite gehe und dann wieder auf die Hauptseite dann ist der
"Effect" wieder weg.

Das geht wohl nur wenn die Seite auch wirklich geladen wird und nicht aus dem Cache wieder aufgebaut wird, nehme ich mal an, kenn mich da nicht wirklich aus ;(

ist aber auch blöde das manche Widget dann so extrem die Farbe ändern im Dark Mode :(

mfg

Digi-Bit...

P.s. Hab was von einem WebServer gelesen der dann eine IP rausfiltern kann, muss ich mir mal genauer dann anschauen.

[liv-in-sky]

@digi-bit

du könntest das ganze in eine schleife einbauen (periodisch immer wieder aufrufen ) oder evtl funktioniert auch ein trigger auf document ready (müßte man ausprobieren)

$(document).ready(function() {......});

[OliverIO]

@digi-bit

irgendwie verstehe ich das Problem nicht so richtig.
Soviele Informationen dazu finde ich in diesem thread auch nicht
ausser rum gefrickel

1. du wolltest wissen anwas ein iobroker skript erkennen kann, welcher browser abrufen kann. antwort war ja das instanzkennzeichen. gab es damit jetzt noch ein problem?

2. dann habe ich noch gelesen, das du probleme mit dem dark mode hast und das manche widgets nicht dark mode kompatibel sind. leider habe ich nicht gelesen, welche das genau sind. eigentlich sollten die widgets erstmal ohne design oder nur mit einem minimal design daherkommen. kannst du mal genau benennen welche/s widget es betrifft und wie das aussieht und was der zu erwartende zustand wäre?

die javascript experimente mit portabfrage etc verstehe ich nicht was das bringen soll. das führt irgendwie nicht in die richtige richtung, aber es kann sein das andere mehr verstanden haben als ich

[Homoran]

@oliverio sagte in von wo wird VIS abgefragt?:

aber es kann sein das andere mehr verstanden haben als ich

ich hoffe :-)

@oliverio sagte in von wo wird VIS abgefragt?:

gab es damit jetzt noch ein problem?

ja! bei fully wechselt anscheinend dauernd die Instanz.

@oliverio sagte in von wo wird VIS abgefragt?:

leider habe ich nicht gelesen, welche das genau sind

und leider auch keine Info zum verwendeten Theme

portabfrage etc verstehe ich nicht was das bringen soll.

über zwei verschiedene web Adapter für darkmode und daylight mode zugreifen und üver den Port erkennen welche web instanz genutzt wird.

[OliverIO]

@homoran sagte in von wo wird VIS abgefragt?:

ja! bei fully wechselt anscheinend dauernd die Instanz.

es benutzen doch viele den fully, können andere das bestätigen?

[BananaJoe]

@oliverio lässt sich im Fully einstellen. Wenn dort so etwas wie "lösche immer den Cache", z.B. beim Reload: Dann ja. Die Option gibt es (meine ich aus dem Kopf) mehrmals unter verschiedenen Aspekten

Achtet man darauf das eben nichts bzw. nicht Cookies etc. gelöscht werden dann beleibt die ID erhalten

[OliverIO]

@bananajoe
denk ich mir doch.
fully ist doch nix anderes als ein gebrandeter chromium browser mit evtl ein paar extra funktionen

[Jey Cee]

@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 ;-(

https://www.gutefrage.net/frage/wie-erkennt-eine-webseite-ob-mein-geraet-im-dark-mode-ist

[Digi-Bit]

@bananajoe sagte in von wo wird VIS abgefragt?:

@oliverio lässt sich im Fully einstellen. Wenn dort so etwas wie "lösche immer den Cache", z.B. beim Reload: Dann ja. Die Option gibt es (meine ich aus dem Kopf) mehrmals unter verschiedenen Aspekten

Achtet man darauf das eben nichts bzw. nicht Cookies etc. gelöscht werden dann beleibt die ID erhalten

Hallo,

Ich denke mal nach einem Neustart wird die Instanz aber auch wieder erneuert also bringt das so oder so nicht
den weg weiter zu gehen.... irgend was anderes muss her

da irgend wo mal gefragt wurde wieso der "Aufstand hier mal in Bild um was es MIR geht !

und es geht um dieses :

Spoiler

[
 {
   "tpl": "tplHtml",
   "data": {
     "g_fixed": true,
     "g_visibility": true,
     "g_css_font_text": true,
     "g_css_background": true,
     "g_css_shadow_padding": false,
     "g_css_border": true,
     "g_gestures": false,
     "g_signals": false,
     "g_last_change": false,
     "visibility-cond": "==",
     "visibility-val": "3012",
     "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,
     "name": "!_Linie-Links",
     "visibility-oid": ""
   },
   "style": {
     "left": 0,
     "top": "30",
     "background": "linear-gradient(to left, #c1c1c1 20px, White 170px )",
     "height": "2px",
     "width": "170px",
     "z-index": 25,
     "border-radius": ""
   },
   "widgetSet": "basic",
   "_id": "i000001"
 },
 {
   "tpl": "tplHtml",
   "data": {
     "g_fixed": true,
     "g_visibility": false,
     "g_css_font_text": false,
     "g_css_background": true,
     "g_css_shadow_padding": false,
     "g_css_border": true,
     "g_gestures": false,
     "g_signals": false,
     "g_last_change": false,
     "visibility-cond": "==",
     "visibility-val": "3012",
     "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": "",
     "name": "!_Linie-Rechts",
     "visibility-oid": ""
   },
   "style": {
     "left": 170,
     "top": "30",
     "background": "linear-gradient(to right, #c1c1c1 20px, White 170px )",
     "height": "2px",
     "width": "170px",
     "z-index": 25,
     "border-radius": ""
   },
   "widgetSet": "basic",
   "_id": "i000002"
 }
]

So kann der Fach man vielleicht mal selber testen und nachvollziehen.... vielleicht wird da ja dann eine top Lösung gefunden, vielleicht ja auch was was man dann bei VIS2 gleich einbauen kann oder so ;)

mfg
Digi-Bit

P.s.

Das ober TAB ist im "DarkMode" das Unter im "Normalen"

so wie es auf dem "Normalen " aussieht sieht es dann auch auf dem PC aus....

[OliverIO]

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

Ich denke mal nach einem Neustart wird die Instanz aber auch wieder erneuert

was meinst du mit "ich denke"?
hast du es getestet und da hat sich tatsächlich was geändert?
das wäre ein fehler den man beheben müsste.
Allerdings hat sich die instanz nach neustart des web-adapters bei mir nicht geändert.

danke das du mit den Bildern einen Eindruck verschaffst.
Kannst du jetzt noch die problematischen Bereiche benennen? Für mich sieht beides ok aus.

das mit dem testen einer kompletten view ist ja nicht so einfach, da sicherlich bei mir die verwendeten datenpunkte alle anders heissen.
Deswegen musst du konkreter werden, ungefähr:

Bei diesem widget vom type yyy ändert sich xxx nicht, oder ändert sich falsch. dann kann man sich das konkrete widget anschauen und evtl fehler identifizieren oder dir einen workaround anbieten mit dem du dein gewünschtes ergebnis erzielen kannst.

[Digi-Bit]

@oliverio sagte in von wo wird VIS abgefragt?:

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

Ich denke mal nach einem Neustart wird die Instanz aber auch wieder erneuert

Kannst du jetzt noch die problematischen Bereiche benennen? Für mich sieht beides ok aus.

hab einen roten rahmen drum gemacht bei HEIZUNG !

und dieser strich ist dann auch bei den anderen anzeigen der gleiche ! und Unterschied auch !

komisch dass ihnen das nicht auffällt .............

mfg

[OliverIO]

@digi-bit

da sind viele rote Rahmen und auch grüne und ganz viele widgets und Beshriftungen
ein Hinweis auf einen Rahmen wäre hilfreich gewesen
oder will man es uns nun extra schwer machen?

was für Geräte sind das? PC,Tablet(Android/IOS), Welcher Browser läuft da (Chrome,firefox,opera,etc ? Welche Version?