オブジェクト値に到達する方法（マップエリア）

Question

私はマップエリアをピクチャで動的に変更するオブジェクトマップエリアを作成しました。今、別のマップエリアにリダイレクトされるべき機能があります。私は特定の領域を押すと確認ウィンドウが表示されます。 「はい」または「いいえ」を押すと、特定のマップにリダイレクトされます。しかしどうですか？

// Object Map-Area 
var _images = { 
homepage: { 
    path: 'homepage.jpg',  
    areas: [{     
     coords: '45,143,106,158', 
     text: 'Homepage',   
     clickHandler: doSomething 
    }] 
    }, 
} 
    //DOM-Elements 
image.areas.forEach(function(area) { 

    var areaElem = document.createElement('AREA'); 
    areaElem.coords = area.coords; 
    areaElem.setAttribute('link', area.goto); 
    areaElem.setAttribute("title", area.text); 
    areaElem.setAttribute("shape", "rect"); 
    //click handler and click listener 
    areaElem.addEventListener('click', onArea_click); 
    areaElem.addEventListener('click', area.clickHandler); 
    _map.appendChild(areaElem);  
     }) 
} 

function onArea_click(domEvent) {  
    //update cuurent imageid with current link 
    _currentImageId = domEvent.target.getAttribute('link'); 

    refreshImage(); 
} 
function doSomething(e){ 
var areaClicked= e.target; 

    var r = confirm("Data will get lost!"); 
    if (r == true) { 
     // I know I need something like in the function onArea_click 
     //Now how can I redirect to map homepage ? 
    } else { 
    //or to a different one?  
} 
// There is missing code but it's not important for what I need now because then the code will get sooo long. 

編集：ここでは全体refreshImage機能。

function refreshImage() { 

    var image = _images[_currentImageId]; 
    _image.src = image.path; 

    _map.innerHTML = ""; 
    image.areas.forEach(function(area) { 

    var areaElem = document.createElement('AREA'); 
    areaElem.coords = area.coords; 
    areaElem.setAttribute('link', area.goto); 
    areaElem.setAttribute("title", area.text); 
    areaElem.setAttribute("shape", "rect"); 

    areaElem.addEventListener('click', onArea_click); 
    areaElem.addEventListener('click', area.clickHandler); 
    _map.appendChild(areaElem); 

    }) 
} 

Answer 1

function doSomething(e) { 
    var areaClicked= e.target; 

    var r = confirm("Data will get lost!"); 
    if (r == true) { 
     _currentImageId = e.target.getAttribute('link'); // or "homepage" 
     refreshImage(); 
    } else { 
    // do nothing; they don't want to lose any data 
    } 
}