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

[Kusi]

@enrico-fischer
Was genau möchtest du denn änderm?
Die Hintergrundfarbe der vis?
Oder eine separate View (Nachtmodus) anzeigen lassen?

Ich habe bei mir eine View, welche in der Nacht angezeigt wird. Die Aktivierung erfolgt manuell, Deaktivierung ebenfalls manuell sowie automatisch bei Sonnenaufgang.

(Hintergrund ist schwarz)

[Enrico Fischer]

@kusi Ich möchte den Hintergrund in der Class Vis-View ändern.

[Kusi]

@enrico-fischer Ich verstehe leider nicht was du meinst. Kannst du dies näher erläutern?

Als erstes erstellst du dir einen Datenpunkt mit einem boolschen Wert (true/false), danach auf der VIS einen Schalter, mit welchem du diesen Datenpunkt steuerst.

[Enrico Fischer]

@kusi Ich möchte die Klassen der CSS Datei per Schalter ändern.Mit allen Widget komme ich klar aber der Hintergrund der VIS ändert sich nicht.Mit dem Script

var date = new Date(); 

var hour = date.getHours(); 

setTimeout("document.location.reload();",600000);

if((hour >= 20) || (hour <= 6)) {

   $("#vis_container").addClass("nightmode");

}

funktioniert es. Leider nur mit Zeitsteuerrung.Mir wäre ein Schalter lieber das ich die View händisch schalten kann.

Im Prinzip einen script der diese Zeile $("#vis_container").addClass("nightmode"); mit einem True /Fals datenpunkt ändert.

[Kusi]

@enrico-fischer achso, jetzt verstehe ich was du meinst. Mit Javascript kenne ich mich nicht aus, aber ich kann dir den Schalter einbinden, sobald ich Zuhause bin.

Wie heisst der Datenpunkt des Schalters, mit welchem du dies steuern möchtest?

[Enrico Fischer]

@kusi bin selber noch bis morgen Abend unterwegs.Aber nenne ihn einfach DayNight und dann lege ich mir den an.

[Kusi]

@enrico-fischer sagte in Tag/Nacht Schalter:

Im Prinzip einen script der diese Zeile $("#vis_container").addClass("nightmode"); mit einem True /Fals datenpunkt ändert.

Anbei das angepasste Skript, wo der Datenpunkt "0_userdata.0.Nacht" auf true/false abgefragt wird.
Nach dem "if" sind dann die Befehle, welche bei "true" ausgeführt werden.
Nach dem "else" die Befehle, welche bei "false" ausgeführt werden.

on('0_userdata.0.Nacht', function(obj) {
    if (obj.state.val) {
        $("#vis_container").addClass("nightmode");
        log('Nachtmodus aktiv');
 
    } else {
        log('Tagmodus aktiv');
    
    }
});

Bei mir erscheint ein Fehler in der Zeile 3, weis jedoch nicht woran dies liegt.
Muss noch in der vis eine Einstellung/Eintrag gemacht werden?

@mickym kannst du uns da helfen?

[mickym]

@kusi sagte in Tag/Nacht Schalter:

@mickym kannst du uns da helfen?

Nein - ich nutze kein vis in dieser Tiefe. Der JS Editor sagt, dass er die Methode nicht kennt, das muss wohl was mit dem vis_container zu tun haben.

Da wird Dir vielleicht @Oliverio oder @sigi234 eher weiterhelfen können.

[OliverIO]

@kusi

steht wirklich true oder false drin?
oder evtl "true" oder "false".

der kleine feine unterschied äussert sich in der if abfrage

on('0_userdata.0.Nacht', function(obj) {
    if (obj.state.val=="true") {
        $("#vis_container").addClass("nightmode");
        log('Nachtmodus aktiv');
    } else {
        log('Tagmodus aktiv');
    
    }
});

[Kusi]

@oliverio true/false stimmt, denn die Log-Meldungen erscheinen, wenn die Zeile 3 "deaktiviert/gelöscht" wird.

[Enrico Fischer]

@kusi danke euch erstmal.Hab es getestet aber macht bei mir auch nix.Datenpunkt hab ich angelegt und er schaltet auch um von True auf False.Log Meldungen bekomme ich keine.

[Kusi]

@enrico-fischer sagte in Tag/Nacht Schalter:

Log Meldungen bekomme ich keine.

Log-Meldung bei False kommt bei mir.