2016-05-12 99 views
-3

我有一個狀態頁面,基本上說服務是在線還是離線。我在div標籤上使用css類,使它們看起來不同(一個紅色的綠色)。我正在尋找做一個管理頁面,我可以登錄,並改變與JavaScript onclick div上的類。這是基本的代碼,但工作得很好CSS Change Class Style管理面板

<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> 

我想改變我做admin.php的網頁上實現的index.php,我不能有index.php文件有JS的人會只需點擊和變化狀態。有這個簡單的解決方案嗎?如果需要,我可以訪問mysql和PHP,有什麼建議嗎?

+0

使用addClass,removeClass – Poria

+0

我不知道你對PHP的期望是什麼,但PHP只是輸出你輸入的內容。它不知道或不關心CSS。在這裏堅持JS – Machavity

回答

0

我會將狀態保存到mysql並檢查與PHP。所以你不需要js。
在您的adminPanel中創建一個函數來設置狀態。

如果您有權訪問網絡套接字,請使用它們即時更新狀態。
否則會創建一個時間間隔,每隔5秒鐘就會自動更新狀態。用戶不希望每隔幾秒重新加載頁面以獲取更新。
也顯示狀態上次更新的時間。