问题标签 [maphilight]

我只是在打印一切正常时遇到 jquery maphilight 问题，实际上它是一个很棒的插件，但是当我去尝试打印时，图像不会出现在该区域中，只是突出显示的部分。任何想法是否有人面临这个问题并解决了这个问题。

谢谢。

我正在使用 David Lynch 的 Maphilight，只要它在鼠标悬停时突出显示，效果很好。我遇到的问题并且似乎没有任何示例是单击一个区域时，使区域 A. 突出显示并保持点亮，B. 单击另一个区域时停用。

本质上，我正在使用演示页面中的脚本并尝试相应地对其进行修改，但是，我尝试过的一切都没有奏效。它看起来非常简单明了，所以我很惊讶几乎没有关于这个功能的文档。

有人有什么想法吗？基本上，我用作地图的图像是一个圆圈，分为四个象限。鼠标悬停时，每个象限都应亮起，单击时保持亮起，直到选择了地图上的新象限。这是我用于脚本的内容：

您可能有的任何帮助或建议都会很棒。

更新：我正在处理的页面的在线链接是http://test.dpigraphics.net/process.php

我试图让 maphilight jQuery 插件允许我在鼠标悬停时执行操作，但我似乎无法让它工作并且仍然允许突出显示。

到目前为止，这是我的代码：

好的，悬停是有效的，但它会从 Hilight 插件中夺走控制权，并且该区域不再突出显示。

我怎样才能让它工作，我想实际运行整个函数并出现一个弹出窗口但保持对象突出显示。

有什么想法吗？

再会！

直播：http: //jsfiddle.net/dRz9U/162/

关键是：有一个图像（在房屋的平面图上），每个房间都有两种状态（占用/空闲）。图片按地图区域切割成区域，每个区域都有自己的按钮（取/放）。使用区域应设置为红灯（忙碌）或绿灯（空闲）。找到了一个 jQuery 插件 maphilight，它可以高亮图像的区域，但效果不是很好。用 javascript 以前并不熟悉。

请帮我纠正以下问题：

1) 只有当您按下相应的按钮时，灯光区域才会起作用。单击区域本身时如何消除背光？

2）当您移动到该区域时，应仅由其边界照亮

还有一个想法，将值区域（占用/空闲）保留到数据库中。即当您单击按钮更改数据库中的值并重新加载页面占用的房间最初以红色突出显示，而免费 - 绿色。我了解它需要为每个区域指定属性 kakoynibud 空闲/忙碌，然后创建标签和字段 id 房间和字段状态房间。我无法弄清楚如何使用已经存在的解决方案来实现它。

请帮我找到正确的解决方案！

我想在事件highlight上的图像标签的特定区域。keyPress在使用maphilight jQuery 插件.maphilight()中的方法时，它仅在该区域上工作。mouseover

我正在使用图表图像，其中包含带有区域标签的系列点数。

当单击导航键焦点移动到一个点到另一个点时，焦点需要突出显示。

如何使用 .maphilight() 方法在“KeyPress”上突出显示图像的特定区域

我会很感激你的代码和建议。

谢谢，

婆罗地。

上面是具有 4 个映射区域的示例图像。
这是我想要做的：
如果鼠标悬停在任何映射区域上，只有该区域应该改变颜色
如果鼠标点击任何映射区域，一个全新的图像应该替换图像 1

到目前为止我已经尝试过：

单击 mapped_region 时更改图像

在鼠标悬停时突出显示 mapped_region

maphighlight 和 map_click_event 分别工作正常。但是当我同时启用它们时，只有 maphilight 有效。当 maphilight 处于活动状态时，如何为映射图像启用 onclick 事件？

编辑：图片和问题更清楚

我正在使用带有 jquery maphilight 的 jquery 循环插件来突出显示导致一些问题的传单上的产品，正如您在第一个屏幕截图中看到的那样它是如何工作的，但是当我添加 maphilight 然后检查屏幕截图 2 这就是它的显示方式。你可以在这里查看 jsFiddle http://jsfiddle.net/Yjuqs/

这是 jquery 循环插件和 jquery maphilight 的代码

悬停在新区域或选择新区域时切换选定区域。

我正在使用 jQuery Maphilight 来突出显示地图上的选定区域。我已经成功添加了一个点击状态，所以当用户点击它时，地图的区域仍然是高亮的。但是当他们点击第二个和第三个区域时，第一个区域仍然突出显示，这是我不想要的。

如何切换此 alwaysOn 属性以关闭所有元素。我似乎无法弄清楚。

谢谢。

有人吗？有什么线索吗？？

我正在尝试在同一页面上创建两个具有 hilightable 功能的地图。这适用于所有现代浏览器（IE11、Chrome 等），但不适用于 IE9。您可以使用以下小提琴来证明这一点：http: //jsfiddle.net/Guill84/Sws2T/13/

为了便于参考，我在下面粘贴了启动插件的脚本。有什么原因可以在所有浏览器中正确加载但在 IE9 中没有？还是我的代码有问题？使用的插件是“Maphilight”（https://github.com/kemayo/maphilight）

在此先感谢，

我无法让 Mapilight http://davidlynch.org/projects/maphilight/docs/工作！

这些是我的 html 头部的脚本链接。

$('.map').maphilight()

这是我的img和地图

请帮忙！

谢谢