圖片地圖新視圖打開

我有一張圖片地圖，可以說從加拿大來的省份。徘徊在各省突出了省。我希望每個省都可以點擊。一旦點擊，一個新的窗口將被打開，從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像一個畫布打開，大和一個X按鈕關閉窗口），但我不知道名稱和網上找不到任何東西。

有沒有人有提示？

來源

2014-10-06 Maccaroni

如果你打開一個新窗口，你將不得不傳入一些東西，以便新窗口知道哪個省被點擊。你可以通過在url上附加一個查詢字符串來做到這一點，所以"Sample.html?province=Ontario"或類似這樣的事情。然後，您的測驗頁可以抓取該查詢參數並用它來填充測驗。

如果您希望它成爲頁內解決方案，您將使用模式窗口或燈箱（兩個名稱幾乎相同）。只要做一個JavaScript燈箱或搜索什麼，你會發現很多選擇。

來源

2014-10-06 19:52:10 idrumgood

啊！而已。一個燈箱。我搜索和搜索，但無法找到適合的名稱。是的，我正在尋找一個頁面解決方案！ – Maccaroni 2014-10-06 19:53:20

應該可以基本上將一個全新的頁面放入燈箱（測驗，HTML，CSS，JS和jQuery）嗎？我對這種東西很陌生，不確定天氣是否可能。 – Maccaroni 2014-10-06 19:56:01

是的，當然有可能。有很多不同的方法來做到這一點。兩種主要方式：要麼隱藏頁面中的所有內容，要麼顯示用戶點擊的內容。或者將內容保存在單獨的文件中，並在用戶單擊以將該內容加載到頁面時發出ajax請求。 – idrumgood 2014-10-06 20:04:39

圖片地圖新視圖打開

回答

相關問題