图像上的 div 颜色答案

【问题标题】：div colors on image图像上的 div 颜色
【发布时间】：2012-11-09 20:47:39
【问题描述】：

我有这张图片，我在它上面放置了小 div。当用户单击 div 时，div 的颜色会从蓝色变为红色，并使用 div id 将值插入数据库。

我的问题是

当页面刷新时，如何在单击后保留 div 的颜色。我可以调用数据库并检查每个 div，但不知何故我觉得这不是最好的方法
我为每个 div 设置了 position:absolute;left:80px;top:21px;。我想知道有没有其他更好的方法，因为我必须为每个用户制作一张具有相同功能的图像

请帮我找到解决办法

提前谢谢大家

我没有被允许在这里添加图像，所以我暂时从本地系统共享图像

【问题讨论】：

我的假设是，当您单击 div 将值添加到您正在回发的数据库中时，页面会重新加载？
实际上我并没有将值发回我只是在单击时更改它的颜色并将 div 的详细信息插入到数据库中。但是当用户刷新页面时，我必须使用 db 检查该特定的 div id。为了做到这一点，我想知道最好的方法
你可以使用jQuery吗？
所以您将 div 详细信息作为记录存储在数据库中，以便在后续访问时用户获得自定义视图，对吗？如果是这种情况，我同意@NappingRabbit，除了将它们放入数据库之外，真的没有其他方法可以保留这些值。你做的和我们其他人一样。你能澄清你问题的第二部分吗？
是的，我正在使用用户 ID 存储 div 详细信息。我在图像上有大约 30 个 div，这是否意味着我必须多次调用 db。对于第二个问题，可能会重复 30 个 div 的图像。所以这意味着 60 个 div 我必须静态设置位置

【解决方案1】：

点击时改变颜色

<div onclick="changeColor()" id="demo">


function changeColor(){
document.getElementById("demo").style.background="red";
}

颜色可以存储在数据库中

【讨论】：

在这种情况下使用 localStorage 没有意义。如果有人在两台计算机上使用他们的帐户怎么办？我只会检查数据库并附加一个类以将 div 更改为红色（如果已单击）。
颜色改变我能够做到我想知道的是当我刷新页面时保持改变的颜色。有30个左右的随机div
所有的div都是同一种颜色吗？
最初是一样的，当点击一个div时，那个div的颜色会改变。用户登录时应保留该颜色。这就是我检查 div 是否被点击的方法 $(document).ready(function(){ $.post("ajaxfunctions.php",{"case":'first'},function(data){ for (var i =0;i
为什么不发送颜色并在用户注销时将其保存到数据库中。用户登录时获取此值。使用默认值

【解决方案2】：

【讨论】：