Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[effel]

Hallo,
Vorbemerkung: ich kann die öffnende und schließende Klammer(kleiner - gößer) nicht hier schreiben,
deshalb die eingentartige Bezeichnung. Jetzt mein Problem:
Ich habe in iobroker.vis editiert und ein Widget einfügt. die Datenpunkte gesetzt -alles ohne Fehleranzeige-
. Dann habe ich Runtime aufgerufen und sehe die exakte Seite - alles scheinbar ok.
Wenn ich dann auf die Schalter gehe- es erscheint einen Hand( Internetbrowser) passiert nichts.
ich habe dann den Qellcode angezeigt und habe dort eigentümliche Html-Elemente angetroffen,
und zwar "kleiner%... irgendwas..% und dort stehen die aufzurufenden Informationen.
Ich vermute, daß das die Ursache für das Nichtfunktionieren ist.
Leider das betreffende HTML nicht senden. Nach Submit erscheint Fehler.
Außerdem:Überall finde ich diese eigenartigen HTML-Elemente.
Hinweis: Auf der EditSeite wurde durch rotes Blinken der vis-Version ein Lizenzproblem angezeigt
das habe ich gelöst (günes OK wurde angezeigt.)
Außerdem hatte ich das modul ejs mit npm nachgeladen.

Ich bitte um Hilfe und danke für alles

[sigi234]

Welches Widget?
Welche DP?

[Homoran]

> oder <

jedesmal einen Backslash \ vor die Zeichen!

Die Zeichen selber sind Steuerzeichen in Markdown

[effel]

ich verwende das Widget mihome-vacuum . ist auch richtig in iobroker initilisiert.
die "eigentümlichen <%.. %> finden sich an VIELEN Stellen

mfg
Effel

[effel]

sorry ich muß fragen: Was ist DP?

[Homoran]

@effel
DP ist Datenpunkt.

Ein Screenshot würde hier sicher helfen

[effel]

wie geht screenshot?
aua dem Quellcode:
so sieht es aus:
/<img src="widgets/mihome-vacuum/img/vacuum.png" style="width: 100%; height: 100%; /<%= this.data.picVisible === true || this.data.picVisible === 'true' ? '' : 'display: none' %/>"///>
/<div style="position: absolute;width: 33%;top: 0;left: 31%;border: 4px solid black; height: calc(100% - 8px);border-radius: 100px;"/>
/ <div style="width: calc(/100% - 8px); border: 4px solid/ <%= vis.states.attr(this.data['oid-connected'] + '.val') ? '#C6D4FF' : 'gray' %/>; height: calc(100% - 8px); border-radius: 100px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e9e9e+0,4c4c4c+100,4c4c4c+100 /
background: rgb(158,158,158); / Old browsers /
background: -moz-linear-gradient(left, rgba(158,158,158,1) 0%, rgba(76,76,76,1) 100%, rgba(76,76,76,1) 100%); / FF3.6-15 /
background: -webkit-linear-gradient(left, rgba(158,158,158,1) 0%,rgba(76,76,76,1) 100%,rgba(76,76,76,1) 100%); / Chrome10-25,Safari5.1-6 /
background: linear-gradient(to right, rgba(158,158,158,1) 0%,rgba(76,76,76,1) 100%,rgba(76,76,76,1) 100%); / W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#4c4c4c',GradientType=1 ); / IE6-9 */
"/>