關閉燈箱外部點擊

我正在使用一個簡單的燈箱&谷歌地圖jquery應用程序以及顯示在我的網站內的地圖。關閉燈箱外部點擊

然而，這樣如果你點擊它外面的地圖不包括功能燈箱關閉，它只是有這樣的：

gmClose = document.createElement("div"); 
    gmClose.setAttribute("id","gmlb_close"); 
    gmClose.setAttribute("class","gmlb_close"); 
    gmClose.style.display="block"; 
    gmClose.onclick=function(){gmOverlay.style.display='none';gmLbOnClose();};

我希望人們能夠僅僅通過關閉燈箱點擊地圖或容器外面：

gmContainer = document.createElement("div"); 
    gmContainer.setAttribute("id","gmlb_container"); 
    gmContainer.style.width=gmlb_width+"px"; 
    gmContainer.style.position="absolute"; 
    gmContainer.style.display="inline"; 

gmMap = document.createElement("div"); 
    gmMap.setAttribute("id","gmlb_map"); 
    gmMap.style.width=gmlb_width+"px"; 
    gmMap.style.height=gmlb_height+"px"; 
    gmMap.style.display="block"; 
    gmMap.style.float="left"; 
    gmMap.onclick=function(){return false;};

我試過四處尋找解決這個問題，但我沒有任何運氣。

與文件的URL可以在這裏位於：

http://www.emich.be/en/2007/03/01/google-maps-lightbox

來源

2011-01-06 user565794

我是谷歌搜索關於同樣的問題，我看到了這個問題，但我找到了答案，它是通過使用addEventListener（）

var container=document.getElementById('gmlb_container'); 
container.addEventListener('click',closecontainer,true); 


function closecontainer(){ 
var container=document.getElementById('gmlb_container'); 
container.style.display='none'; 
}

//我知道這是遲了幾個月，但我希望無論誰來這裏找到答案得到這個:)

來源

2011-07-01 10:06:58 0xAli

關閉燈箱外部點擊

回答

相關問題