Monatsrückblick Januar/Februar 2026 ist online!

[franzda]

help nedeed
(habe schon sehr viele Infos angeschaut; leider nirgends ein Hinweis)

kann mir jemand verraten wo ich eine grundsätzliche Erklärung finde wie ich die Lasche "scripte" in Widgets nutzen kann.

JavaScripte kein Thema habe ich mehrere, laufen super stabil.

Möchte aber in Widget CSS und Scripte verstehen um zu nutzen!

[liv-in-sky]

@franzda

ich weiß nicht, ob sich jmd findet, der dir da alles erklärt - eine spezielle anforderung wäre gut, um mit etwas zu arbeiten

ich selbst nutze lieber ein html widget und füge dort meine scripte ein

die meisten sachen für die vis kann man eh über css lösen. z.b

• etwas blinken zu lassen, wenn ein datenpunkt einen bestimmten wert hat
• ein bild vergrößern, wenn man drüberfährt
  ...

[franzda]

@liv-in-sky Hallo liv-in-sky

Klasse, danke für deine Rückmeldung.
In JavaScript kann man leistungsfähige Funktionen leicht(ter) realisieren. Vergleiche von mehreren Werten um dann z.B. die Hintergrund Farbe festzulegen. (z.B. in einem Fall 10x3 Werte min, max, avg wenn Widget angewählt wird.)
Natürlich könnte man eine JavaScript Funktion über ein Objekt Variable triggern und das Ergebnis über Objekt Variable(n) zurückgeben oder JavaScript zyklisch im Hintergrund mitlaufen lassen ist aber das ist zusätzliche CPU-Last
Möglicherweise ist das noch old school wie ich denke. Aber eine Funktion in JavaScript ist doch leistungsfähiger als die Möglichkeiten in CSS realisierbar sind. Oder sehe ich das nicht richtig?

Grundsätzlich verstehe ich aber nicht warum in dem Widget die Lasche Skripte vorhanden ist, wenn das so ist wie du andeutest.

[liv-in-sky]

@franzda

da hast du sicher recht - und scheinst dich damit auszukennen

der grund, warum ich das so mache ist, dass ich vermeiden will, dass ich verschieden script-orte habe. daher füge ich die direkt im dp ein - muss man aber nicht - beispiel: https://github.com/liv-in-sky/shelly-iobroker-script

mal ein paar beispiele:

ein bsp., um auf widget zu reagieren, wenn es geladen ist - wurde mir vor kurzem so vermittelt - habe es noch nicht eingesetzt

Spoiler

var widgetID=„myId“
function doanything() {
           var $div = $('#' + widgetID);
           // if nothing found => wait
           if (!$div.length) {
               return setTimeout(function () {
                   doanything();
               }, 100);
           }
           console.log('Widget wurde nun von vis erzeugt');
           //ab hier click oder andere Events oder Code ausführen
}
doanything();

dp setzen von der vis aus (anstatt setState - gibt es in der VIS nicht)

Spoiler

vis.setValue(myvali,true)

dp toggeln von der vis aus - in diesem fall ist es ein dp - ich glaube, man kann dort ein array von dp einsetzen als myval

Spoiler

function setOnOtherValue(myval) {	var Self = this;	Self.servConn.getStates(myval, (error, states) => {  console.log(states); self.servConn.setState(myval, !states[myval].val);}  )};