Здравствуйте.
Меня направили сюда из этой темы:
Скрыть 2 div'a после клика вне первого.
Суть в следующем.
Есть форма. После нажатия на кнопку подтверждения появляется модальное окно с одним из вариантов (успех\ошибка). Вместе с ним вылезает div, который затемняет область вокруг окна. В текущей реализации оба div'a закрываются посредством клика вне модального окна.
Работает на устройствах apple и во всех браузерах. Но на android окно отказывается закрываться. Как можно решить проблему?
Большое спасибо
<div id="mce-responses">
<div id="mce-error-response" style="display:none" ></div>
<div id="mce-success-response" style="display:none"></div>
</div>
<div id="modal-bg" style="display:none">
<input type="submit" value="ОК" id="mc-embedded-subscribe" onClick="show();">
function show() {
document.getElementById('modal-bg').style.display = 'block';
}
window.onload = function () {
document.onclick = function (e) {
e = e || window.event;
var target = event.target || event.srcElement;
while(target != this) {
if (target.id == 'mce-responses' || target.id == 'mc-embedded-subscribe') {
return
}
target = target.parentNode;
}
document.getElementById('mce-success-response').style.display = 'none';
document.getElementById('mce-error-response').style.display = 'none';
document.getElementById('modal-bg').style.display = 'none';
}
}