Ich habe diese Frage zuvor gestellt - jemand mochte sie nicht, sagte, es könnte nicht geschehen und habe eine Antwort gesperrt. Also werde ich von vorne anfangen. Ich beginne ein Projekt, um die Steuerplatte für unseren Whirlpool zu ersetzen.
Ich möchte eine Webseite, auf der der Status der Wanne angezeigt wird. In der Lage sein, die Pumpen ein- und auszuschalten, die Temperatur zu erhöhen/zu senken, den Status von Pumpen anzuzeigen usw. Wenn ich auf eine Schaltfläche klicke, möchte ich, dass sie die Farbe von der Off -Farbe bis zur Farbe (und wieder zurück) ändert. Ich konnte die Antwort finden. Ich hoffe, der folgende Code kann jemand anderem helfen. Die JS -Funktion htbutton ruft ein Skript auf, das ein Relay ein-/ausgeschaltet und den Status in einer SQL -Datenbank aktualisiert.
Code: Select all
Cal's Hot Tub Control
table {
border: 1px solid black;
table-layout: fixed;
width: 90%;
}
th,
td {
border: 1px solid black;
width: 33%;
.default-button {
background-color: #40FF40;
color: black;
padding: 10px 20px;
font-size: 20px;
border: none;
border-radius: 20px;
}
.clicked-button {
background-color: white; /* Green */
font-size: 20px;
color: red;
border-radius: 20px;
}
function htbutton (a)
{
var myval1 = a;
d1 = document.createElement("script");
d1.src = "button.php?info="+myval1;
d1.type = "text/javascript";
document.body.appendChild(d1);
}