2011-01-06 20 views
0

私は単純なライトボックスを使用しています& Googleマップのjqueryアプリは私のウェブサイト内に地図を表示します。ライトボックスを閉じるDivの外をクリック

をライトボックスを閉じ、それ以外であなたがクリックした場合、それはちょうどこの持つようしかし、マップには機能が含まれていません:私は、人々はただでライトボックスを閉じることができるようにしたい

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

私はこれを解決するために周りを探してみたが、私はすべての運を持っていませんでした。

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

答えて

1

私は同じ問題についてグーグルだったと私はこの質問を見ましたが、私は答えを発見し、それはのaddEventListener()

を使用します:

ファイルとURLは次の場所にあります

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


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

//私は、これが遅れて数ヶ月である知っているが、私は誰でも答えを見つけるためにここに来ることはこの:)

取得願っています
関連する問題