Weihnachtsangebot 2025! 🎄

[Proper0912]

Hallo Leute,

bin neu im IoBroker Universum und bin gerade daran eine Vis zu erstellen!
Und da kommt auch meine Frage: wie kann ich ein Button im HTML-Widget erstellen und damit ein datenpunkt steuern?

<button type="button">Klick hier</button>

Das weis ich aber wie bekomme ich das hin, wenn ich drauf clicke das ein Datenpukt geändert wird?

Bitte um Hilfe!

Dank im Voraus!

Gruß
Proper0912

[Glasfaser]

@proper0912

<button value="true" onClick="setOnClickCustom(this.value)">Klick hier</button>


<script>

function setOnClickCustom(val) {

    var objID = "0_userdata.0.1";

    this.servConn._socket.emit('getStates', objID, (error, states) => {

        //console.log(states);

        this.servConn._socket.emit('setState', objID, !states[objID].val);

    })

}

</script>

[Proper0912]

@glasfaser Danke für denn Code.
Habe es aus probiert und es funktioniert!
Danke!

[OliverIO]

@proper0912

und warum nicht einer der toggle buttons, die vis bereits anbietet?
Im Suchfeld links einfach toggle eingeben

[Proper0912]

@oliverio Weil ich eine Vis machen möchte mit dem HTML-Widget und da kann ich ein Toggle button als widget nicht rein machen!
Desweiteren habe ich eine Vorstellung wie die VIS aus zusehen hat und für mich ist es mit HTML einfacher darzustellen!

[OliverIO]

@proper0912 sagte in VIS HTML-Widget Button:

@oliverio Weil ich eine Vis machen möchte mit dem HTML-Widget und da kann ich ein Toggle button als widget nicht rein machen!
Desweiteren habe ich eine Vorstellung wie die VIS aus zusehen hat und für mich ist es mit HTML einfacher darzustellen!

ok,
bei dem toggle button, der einfach nur einen Wert wechselt, aber seinen Zustand nicht darstellt ist es wahrscheinlich nicht so schlimm
aber über die Methode kennt der Knopf nicht seinen zustand. Erfolgt nun von anderer Stelle eine Aktualisierung des Datenpunktes, bekommt dieser Knopf das nicht mit und kann den Zustand auch nicht visualisieren.