Пользовательское диалоговое окно подтверждения javascript

Question

У меня есть функция под названием showModalConfirmDialog, которая создает настраиваемое диалоговое окно с двумя кнопками Yes/No и dims the background. Теперь в моих функциях я хочу вызвать эту функцию, как:

var outcome = showModalConfirmDialog('Are you sure?'); 

, и я хочу, чтобы реагировать в зависимости от нажатой кнопки;

if(outcome == true){ 
    // do something 
} else { 
    // do something else 
} 

Кнопки возвращают true/false. код Javascript:

button1.onclick = function(evt){ 
    return true; 
}; 

button2.onclick = function(evt){ 
    return false; 
}; 

Я не знаю, что мне не хватает, любая помощь будет оценена. Спасибо

Answer 1

Вы не можете воспроизвести поведение родного модального. Вместо этого вы можете использовать обратные вызовы.

Таким образом:

function showModalConfirmDialog(msg, handler) { 
    button1.onclick = function(evt){ 
     handler(true); 
    }; 
    button2.onclick = function(evt){ 
     handler(false); 
    }; 
} 
showModalConfirmDialog('Are you sure?', function (outcome) { 
    alert(outcome ? 'yes' : 'no'); 
}); 

Или так:

function showModalConfirmDialog(msg, confirmHandler, denyHandler) { 
    button1.onclick = confirmHandler; 
    button2.onclick = denyHandler; 
} 
showModalConfirmDialog(
    'Are you sure?', 
    function() { alert('yes'); }, 
    function() { alert('no'); } 
);