Html切换图片并保存上次状态

时间:2016-01-15 23:56:16

标签: javascript html

我正在制作报告路灯故障的页面,我希望此页面可供公众用户参与。

我需要在地图图像(不是谷歌地图)上叠加灯柱的位置

图像将像一个带有两个不同图像(打开和关闭)的灯泡

我希望用户能够在点击图像时更改灯杆的状态。 我需要页面来保存用户选择的最后一张图像,这样当我打开页面时,我会打开和关闭灯杆的最后状态。

我被困在最后一部分,即保存用户选择的最后一张图像。

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

首先,这个问题意味着你已经有了一个用户选择灯泡的工作概念(可能来自下拉列表或其他东西),然后可以将状态更改为开启或关闭,然后保存改变了状态。

如果一切正常,那么您可以来询问如何在点击事件期间实现此保存过程,以及如何在初始页面上显示正确的灯泡图像显示为开启或关闭加载。

由于您似乎没有那么多完成,我认为您可能最好将问题重新编写为更具体地说明您需要什么以及如何进行,以及您目前使用的代码。

  • 您是否在页面加载时显示了相应的灯泡?
  • 您是否可以在点击事件的javascript中访问灯泡的位置(表示地图上的哪个灯泡)?
  • 你有一个api设置服务器端,你可以发送灯泡的ID和执行保存的状态吗?

在这些都完成之后 - 或在另一个问题中询问,然后我们可以帮助解决诸如在其他用户进行更新时使地图保持最新的问题。通过实际点击等方式实现保存