php - 图像上的 div 颜色

Question

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

我的问题是

1. 页面刷新时单击后如何保留 div 的颜色。我可以调用数据库并检查每个 div 但不知何故我觉得这不是最好的方法

2. 我已经设置 了位置：绝对；左：80px；上：21px；对于每个 div。我想知道是否还有其他更好的方法，因为我必须为每个用户制作一个具有相同功能的图像

请帮我找到解决方案

[1]：http : //i.stack.imgur.com/Hhdstrong textzi.png

提前谢谢大家

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

Answer 1

单击时更改颜色

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


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

颜色可以存储在数据库中

Answer 2

1. 如果您想将选定的值保存一段时间，这是唯一真正的解决方案（存储和检索值）；它还将适应刷新。

2. 这是一个很好的解决方案，但如果我理解正确，它会迫使您计算每个新用户的位置。您可以考虑浮动容器 div 并相应地将绝对 div 定位在其中。