Question

我有一张图片地图，比如加拿大的省份。在各省上空盘旋突出了该省。我希望每个省都可以点击。点击后，将打开一个新窗口，其中将运行JS，jQuery，HTML和CSS的Quiz构建，关于点击的省份。

图像地图和突出显示工作，测验也有效。我无法将它们放在一起。我不想要的是这样的。

<area shape="poly" coords="0,161,4,161,4,162,12,162,12,163,19,163,26,165,34,166,45,168,52,170,62,174,73,177,82,180,91,184,103,188,112,192,122,196,133,202,142,207,152,212,162,216,172,221,180,224,186,227,193,230,197,233,0,233,0,161" id="helecho" href="javascript:winOpen()" alt="helecho" onMouseOver="resaltarHelecho()" onMouseOut="originalJuego()">

//js function
function winOpen(){
window.open("Sample.htm",null,"height=400,width=400,status=yes,toolbar=no,menubar=no,location=no");
}

这会创建一个包含新网址的网页。我想要打开像画布一样的东西，在那里我可以插入我的测验。这样的事情http://www.photocase.com/photobrowser.asp（当悬停在照片上时）但不是鼠标悬停，而是点击然后在该窗口中使用功能。我已经看过很多照片了（小预览，点击画布就像用大照片打开的东西，用x按钮关闭窗口）但我不知道名字，也找不到任何在线内容。

有人有提示吗？

Answer 1

如果你打开一个新窗口，你将不得不传递一些内容，以便新窗口知道点击了哪个省。你可以通过在网址上附加一个查询字符串来做到这一点，所以"Sample.html?province=Ontario"或类似的东西。然后您的测验页面可以获取该查询参数并使用它来填充测验。

如果您希望它是页内解决方案，您将使用模态窗口或灯箱（两个名称几乎相同）。只需搜索javascript灯箱或其他东西，你就会找到很多选择。

图像地图新窗口打开

1 个答案: