CSS更改类样式管理面板

CSS Change Class Style Admin Panel

本文关键字：管理 样式 CSS      更新时间：2023-09-26

我有一个状态页面，它基本上说明服务是在线还是离线。我在div标记上使用了一个css类，使它们看起来不同（一个红色一个绿色）。我正在考虑制作一个管理页面，以便登录并使用javascript onclick更改div上的类。这是基本代码，但工作良好

<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，有什么建议吗？

我会将状态保存到mysql中，并使用php进行检查。所以你不需要js
在adminPanel中创建一个函数来设置状态。

如果您有权访问websocket，请使用它们来动态更新状态
否则创建一个间隔，该间隔将每隔…自动更新状态。。。5秒左右。用户不希望每隔几秒钟重新加载一次页面以获取更新
还显示上次更新状态的时间。

相关文章：