圖片地圖新窗口打開

Question

我有一張圖片地圖，可以說來自加拿大及其省份。 將鼠標懸停在各省之上可突出顯示該省。 我希望每個省都可以點擊。 單擊后，將打開一個新窗口，其中將運行與所單擊的省有關的基於JS，jQuery，HTML和CSS的測驗。

圖像地圖和突出顯示作品，測驗也是如此。 我很難將他們兩個放在一起。 我不想要這樣的事情。

<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");
} 

這將創建一個具有新URL的頁面。 我想要打開像畫布之類的東西，然后在其中插入測驗。 像這樣的http://www.photocase.com/photobrowser.asp （將鼠標懸停在照片上時），而不是鼠標懸停，而是單擊並在該窗口中具有功能。 我已經在照片中看到了很多東西（小的預覽，像畫布一樣打開onclick，用大的和大的按鈕打開照片，然后關閉窗口），但是我不知道名字，也找不到在線的東西。

有人暗示嗎？

Answer 1

如果要打開新窗口，則必須傳遞一些內容，以便新窗口知道單擊了哪個省。 您可以通過在網址后附加查詢字符串來做到這一點，例如"Sample.html?province=Ontario"或類似的名稱。 然后，您的測驗頁面可以獲取該查詢參數，並使用它來填充測驗。

如果希望將其用作頁內解決方案，則可以使用模式窗口或燈箱（兩個名稱實際上代表相同的意思）。 只需搜索javascript燈箱之類的東西，您就會發現很多選擇。