<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Scripte in widget]]></title><description><![CDATA[<p dir="auto">help nedeed<br />
(habe schon sehr viele Infos angeschaut; leider nirgends ein Hinweis)</p>
<p dir="auto"><strong>kann mir jemand verraten wo ich eine grundsätzliche Erklärung finde wie ich die Lasche "scripte" in Widgets nutzen kann.</strong></p>
<p dir="auto">JavaScripte kein Thema habe ich mehrere, laufen super stabil.</p>
<p dir="auto">Möchte aber in Widget   CSS und Scripte <strong>verstehen um zu nutzen!</strong></p>
]]></description><link>https://forum.iobroker.net/topic/44052/scripte-in-widget</link><generator>RSS for Node</generator><lastBuildDate>Wed, 15 Apr 2026 12:40:35 GMT</lastBuildDate><atom:link href="https://forum.iobroker.net/topic/44052.rss" rel="self" type="application/rss+xml"/><pubDate>Sat, 10 Apr 2021 11:55:07 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Scripte in widget on Sat, 10 Apr 2021 17:40:59 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/franzda" aria-label="Profile: franzda">@<bdi>franzda</bdi></a></p>
<p dir="auto">da hast du sicher recht - und scheinst dich damit auszukennen</p>
<p dir="auto">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: <a href="https://github.com/liv-in-sky/shelly-iobroker-script" rel="nofollow ugc">https://github.com/liv-in-sky/shelly-iobroker-script</a></p>
<p dir="auto">mal ein paar beispiele:</p>
<p dir="auto">ein bsp., um auf widget zu reagieren, wenn es geladen ist - wurde mir vor kurzem so vermittelt - habe es noch nicht eingesetzt<br />
</p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default">Spoiler</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code>var widgetID=„myId“
function doanything() {
           var $div = $('#' + widgetID);
           // if nothing found =&gt; 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();
</code></pre>
<p dir="auto"></p></section></section><p></p>
<p dir="auto">dp setzen von der vis aus (anstatt setState - gibt es in der VIS nicht)</p>
<p dir="auto"></p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default">Spoiler</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code>vis.setValue(myvali,true)
</code></pre>
<p dir="auto"></p></section></section><p></p>
<p dir="auto">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</p>
<p dir="auto"></p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default">Spoiler</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code>function setOnOtherValue(myval) {	var Self = this;	Self.servConn.getStates(myval, (error, states) =&gt; {  console.log(states); self.servConn.setState(myval, !states[myval].val);}  )}; 
</code></pre>
<p dir="auto"></p></section></section><p></p>
]]></description><link>https://forum.iobroker.net/post/613166</link><guid isPermaLink="true">https://forum.iobroker.net/post/613166</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Sat, 10 Apr 2021 17:40:59 GMT</pubDate></item><item><title><![CDATA[Reply to Scripte in widget on Sat, 10 Apr 2021 16:57:57 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> Hallo liv-in-sky</p>
<p dir="auto">Klasse, danke für deine Rückmeldung.<br />
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.)<br />
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<br />
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?</p>
<p dir="auto">Grundsätzlich verstehe ich aber nicht warum in dem Widget die Lasche Skripte vorhanden ist, wenn das so ist wie du andeutest.</p>
]]></description><link>https://forum.iobroker.net/post/613134</link><guid isPermaLink="true">https://forum.iobroker.net/post/613134</guid><dc:creator><![CDATA[franzda]]></dc:creator><pubDate>Sat, 10 Apr 2021 16:57:57 GMT</pubDate></item><item><title><![CDATA[Reply to Scripte in widget on Sat, 10 Apr 2021 16:21:02 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/franzda" aria-label="Profile: franzda">@<bdi>franzda</bdi></a></p>
<p dir="auto">ich weiß nicht, ob sich jmd findet, der dir da alles erklärt - eine spezielle anforderung wäre gut, um mit etwas zu arbeiten</p>
<p dir="auto">ich selbst nutze lieber ein html widget und füge dort meine scripte ein</p>
<p dir="auto">die meisten sachen für die vis kann man eh über css lösen. z.b</p>
<ul>
<li>etwas blinken zu lassen, wenn ein datenpunkt einen bestimmten wert hat</li>
<li>ein bild vergrößern, wenn man drüberfährt<br />
...</li>
</ul>
]]></description><link>https://forum.iobroker.net/post/613114</link><guid isPermaLink="true">https://forum.iobroker.net/post/613114</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Sat, 10 Apr 2021 16:21:02 GMT</pubDate></item></channel></rss>