当区域的ID位于标头(例如index.php#

时间:2019-06-05 13:23:26

标签: javascript jquery html

我正在可视化公司每个楼层的座位 ,在每个座位上坐着一名员工,为此,我正在使用图像地图区域  (我猜这个项目的最佳解决方案?)。 我在数据库中列出了所有席位,  每个座位号也是其区域的ID(例如,区域id =“ 4001”是座位号4001)。

问题来了..我正在使用搜索功能来搜索每个座位,并且  当我单击其中一个结果时,该结果应定位/锚定到标题中区域的ID,该区域不能具有背景色,边框或任何其他内容来指示所搜索座位的位置。

有人知道如何在特定目标区域坐标上突出显示区域吗?

我尝试了图像地图插件,也尝试了图像地图荧光笔插件。它们实际上可以工作,但是唯一可以悬停的工具,它们似乎并不能解决我的问题(仅突出显示目标区域)。

例如在CSS中,它可以在div或p上工作:

<area style="display:block;" id="4001" target="" alt="4001" title="4001"  coords="1665,751,1636,727" shape="rect" color="red">

:target{
background-color: red;
}
header would look like this:
http://.../index.php#4001

我希望目标区域以红色突出显示,但实际上没有任何作用。

0 个答案:

没有答案