[Franz]

Здравствуйте.
Меня направили сюда из этой темы: Скрыть 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';
  	  }
  	}