CSS Change Klassenstil Admin Panel

Question

Ich habe eine Statusseite, die grundsätzlich sagt, ob ein Service online oder offline ist. Ich verwende eine CSS-Klasse für die div-Tags, damit sie anders aussehen (ein rotes grün). Ich habe versucht, eine Admin-Seite zu erstellen, wo ich mich einloggen und die Klasse im div mit Javascript onclick ändern kann. Es ist einfach Code funktioniert aber einwandfrei

<script> 
function toggleClass(el){ 
if(el.className == "class1"){ 
el.className = "class2"; 
} else { 
el.className = "class1"; 
} 
} 
</script> 
<div class="class1" onclick="toggleClass(this)"></div> 
<div class="class1" onclick="toggleClass(this)"></div> 

Ich möchte die Änderungen, die ich auf der admin.php Seite machen die index.php zu bewirken, ich kann die index.php haben haben die JS als Leute würden einfach anklicken und ändern der Status. Gibt es dafür eine einfache Lösung? Ich habe Zugriff auf MySQL und PHP, wenn nötig, einen Ratschlag?

Answer 1

Ich würde den Status in mysql speichern und mit PHP überprüfen. also brauchst du keine js dafür.
Erstellen Sie eine Funktion in Ihrem AdminPanel, um den Status festzulegen.

Wenn Sie Zugriff auf Websockets haben, verwenden Sie diese, um den Status im laufenden Betrieb zu aktualisieren.
andernfalls erstellen Sie ein Intervall, das automatisch den Status alle 5 Sekunden oder so aktualisiert. Die Benutzer möchten die Seite nicht alle paar Sekunden neu laden, um ein Update zu erhalten.
zeigen auch die Zeit, wann der Status das letzte Mal aktualisiert wurde.