我有一个图像与22个定义的地图区域。地图如下所示:
map name="22_zones"
area shape="circle" coords="251,528,29" href="registration.php?r=22"
area shape="circle" coords="308,451,28" href="registration.php?r=21"
.
.
.
.
/map
我希望地图驱动的超链接生成一个新窗口,并设置它的大小/滚动/大小等。在其他实例中--而不是图像地图--我将使用如下内容:
a href="#" onclick="javascript:window.open('../registration.php?r=22', 'none',menubar=no,scrollbars=yes,resizable=yes,location=no,directories=no,status=no,width=470,height=550');"
这种方法是否适用于图像映射?
发布于 2018-09-17 01:05:00
顺便说一句,如果你想避免内联JS,你可以使用:
var areas = document.querySelectorAll('map[name="name"] area');
for (var i = 0, j = areas.length; i < j; i++) {
areas[i].addEventListener('click', function(e) {
window.open(e.target.href, 'none','menubar=no,scrollbars=yes,resizable=yes,location=no,directories=no,status=no,width=470,height=550');
e.preventDefault();
});
}
发布于 2018-09-17 00:55:43
是我的错。事实证明,HTML和Javascript需要正确的拼写。解决方法:
<area shape="circle"
onclick="javascript:window.open('http://www.townofsilvercity.org/pickitupsc/registration.php?r=14',“251,528,29”target="_blank“href="#”target= 'none','menubar=no,scrollbars=yes,resizable=yes,location=no,directories=no,status=no,width=470,height=550');">
https://stackoverflow.com/questions/52356336
复制相似问题