Button der Farbe ändert

[OliverIO]

@homoran

wenn der button nur während des klicks sein design ändern soll, kann man das über die css pseudo klasse active machen

https://developer.mozilla.org/en-US/docs/Web/CSS/:active?retiredLocale=de

man kann jedes beliebige widget verwenden, der einen knopf darstellt. die ansteuerung erfolgt über css regeln

im css reiter von vis kann man dann sowas angeben. voraussetzung es wird als knopf auch das html button verwendet. das müsste man mit den browser developer tools (f12) prüfen

#w00011 button {
   //hier die css regeln, welches format beim drücken angewendet werden soll
}

[bergjet]

@homoran sagte in Button der Farbe ändert:

@bergjet sagte in Button der Farbe ändert:

der beim drücken einen Wert ausgibt

...und sobald du loslässt den Wert wieder verschluckt?

Nur beim drücken wird "true" ausgegeben (ein Script wird gestartet).

@bergjet sagte in Button der Farbe ändert:

während er gedrückt ist die Farbe ändert.

wirklich nur solange du den Finger drauf hast?

Nur solange ich den Finger drauf habe.

[DJMarc75]

@bergjet Material Design Widgets:

[Homoran]

@bergjet sagte in Button der Farbe ändert:

Nur beim drücken wird "true" ausgegeben (ein Script wird gestartet).

Abgesehen davon dass Javascripte nicht gestartet werden sollen, muss das nicht per Impuls geschehen.
Entweder du stellst -was du nicht machen sollst- script-enabled von false auf true oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript reagiert genau darauf.

ein continuous press, bei dem etwas passiert so lange man draufdrückt ist was anderes (Dimmer, Rollo...)

[bergjet]

@homoran sagte in Button der Farbe ändert:

oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript

So mache ich das.

Bei den in Vis angebotenen Button kann man nicht sehen, ob der Button gedrückt wird.

[bergjet]

@djmarc75 Mit dem State Butten dürfte es gehen.

[Homoran]

@bergjet sagte in Button der Farbe ändert:

@homoran sagte in Button der Farbe ändert:

oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript

So mache ich das.

ist das der momentane Zustand oder dein Plan?

wenn ersteres, wo ist das Problem?

EDIT: nicht weitere Informationen später hinzufügen!

doch das geht

[Codierknecht]

@bergjet sagte in Button der Farbe ändert:

Mit dem State Butten dürfte es gehen.

Wie @OliverIO schon schrieb: Das geht mit fast allem was man per CSS designen kann

[bergjet]

@codierknecht sagte in Button der Farbe ändert:

@bergjet sagte in Button der Farbe ändert:

Mit dem State Butten dürfte es gehen.

Wie @OliverIO schon schrieb: Das geht mit fast allem was man per CSS designen kann

Da kenne ich mich nicht aus.

[bergjet]

@homoran sagte in Button der Farbe ändert:

@bergjet sagte in Button der Farbe ändert:

@homoran sagte in Button der Farbe ändert:

oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript

So mache ich das.

ist das der momentane Zustand oder dein Plan?

wenn ersteres, wo ist das Problem?

Es ist der momentane Zustand.
Das Problem ist, dass bei mir nicht ersichtlich ist, ob der Button gedrückt wurde.

[OliverIO]

@bergjet
wenn du dich auskennen würdest hättest nicht fragen müssen.
genau dafür ist ja das forum da und genau deswegen hast du gefragt.
wenn dir aber der mögliche lösungsweg nicht genehm ist. kein problem. niemanden wird hier etwas aufgezwungen.

[bergjet]

@oliverio Ich kann den Lösungsweg mit CSS nicht einschlagen, weil ich davon keine Ahnung habe.

[Thomas Braun]

@bergjet

Guckstu:
https://wiki.selfhtml.org/wiki/CSS
http://www.ich-lerne-css.de/Style/Examples/011/firstcss/

[Homoran]

@bergjet sagte in Button der Farbe ändert:

Das Problem ist, dass bei mir nicht ersichtlich ist, ob der Button gedrückt wurde.

wenn der Button den Zustand des DP anzeigt, und du ein boolsches Widget dafür nimmst, ändert sich bei korrekter Konfiguration die Farbe und/oder das icon

[OliverIO]

@bergjet

Eigentlich habe ich die Lösung oben schon fast komplett beschrieben.
Zum Zeitpunkt meiner Antwort waren noch ein paar Fragen offen die leider noch nicht beantwortet wurden

Ich müsste wissen für was für Widget du dich entschieden hast und welche Farbe die Knopf Schaltflächen beim drücken haben soll

Dann bekommst du fast copy Paste fähig eine Lösung

[BananaJoe]

@bergjet so etwas?

Habe ich mehrfach mit einem Inventwo-Widget (jedes andere Switch-Widget geht auch) + einem Blockly gelöst:

Das Blockly triggert auf einen eigenen Datenpunkt für den Button,
setzt wenn dieser auf auf Wahr wechselt zunächst mit Verzögerung - hier 750ms - den Status wieder auf Falsch und führt die eigentliche Aktion durch

Der Vorteil ist das man die "Aufblitzzeit" anpassen kann, am besten mit einer Variablen so das man die schnell für alles ändern kann. Mir persönlich waren die 750ms am liebsten.

[bergjet]

@bananajoe sagte in Button der Farbe ändert:

so etwas?

Ja, so sollte es aussehen. Ist halt etwas aufwendig.

[bergjet]

@oliverio Ich verwende das Widget Button State.
Am Mac Bildschirm wird mir das so wiedergegeben wie es sein soll. Es ist deutlich zu sehen, wann der Button gedrückt ist (er verändert seine Farbe). Am iPhone und am Tablet ist das nicht zu sehen.
Also:
Button State
sendet true an einen selbst erstellten Datenpunkt
Farbe in Ruhe blau
Farbe gedrückt grün (es genügt, wenn die Farbe für 500ms grün aufleuchtet)

[Homoran]

@bergjet sagte in Button der Farbe ändert:

es genügt, wenn die Farbe für 500ms grün aufleuchtet

das ist ganz etwas anderes als

@bergjet sagte in Button der Farbe ändert:

Farbe in Ruhe blau
Farbe gedrückt grün

Dieses ist das Standardverhalten
wobei mir
@bergjet sagte in Button der Farbe ändert:

Button State

nichts sagt. Aber es scheint ja auch bei dir zu funktionieren

@bergjet sagte in Button der Farbe ändert:

Am Mac Bildschirm wird mir das so wiedergegeben wie es sein soll.

für ersteres wurden dir mehrere Möglichkeiten genannt.

Warum kommen immer neue Informationen?
So etwas gehört in den Eröffnungspost mit allen Fakten und "Beweisen".

Ständiges Nachbessern -oft erst auf Nachfrage- ist nicht wirklich hilfreich!

ich glaube den folgenden Link habe ich dir schon mal gepostet
https://forum.iobroker.net/topic/51555/hinweise-für-gute-forenbeiträge/1

Bitte lesen und in Zukunft befolgen!

[OliverIO]

@bergjet sagte in Button der Farbe ändert:

@oliverio Ich verwende das Widget Button State.
Am Mac Bildschirm wird mir das so wiedergegeben wie es sein soll. Es ist deutlich zu sehen, wann der Button gedrückt ist (er verändert seine Farbe). Am iPhone und am Tablet ist das nicht zu sehen.
Also:
Button State
sendet true an einen selbst erstellten Datenpunkt
Farbe in Ruhe blau
Farbe gedrückt grün (es genügt, wenn die Farbe für 500ms grün aufleuchtet)

Das widget war etwas zickig, da schon relativ viel für das design vordefiniert ist
das w00001 musst du durch die widgetnummer deines widgets ersetzen
die farben blue, green für hintergrund und white für die textfarbe kannst du beliebig auch mit der #000000 farbnotation ersetzen. den code findest du bspw über dieses tool heraus
https://www.rapidtables.com/web/color/color-picker.html

#w00001 button.ui-state-default {
    background-color: blue;
    background-image: none;
    color: white;
}
#w00001 button:active.ui-state-default {
    background-color: green;
    background-image: none;
    color: white;
}

die anforderung mit 500ms nachleuchten lässt sich mit reinem css nicht umsetzen, da benötigt man noch javascript code dazu.
ich schau mal ob ich dir da auch was bastle