Javascript-форум (https://javascript.ru/forum/)
-   Мобильный JavaScript (https://javascript.ru/forum/mobile/)
-   -   Не закрывается модальное окно на Android. (https://javascript.ru/forum/mobile/51400-ne-zakryvaetsya-modalnoe-okno-na-android.html)

Franz 05.11.2014 21:05

Не закрывается модальное окно на Android.
 
Здравствуйте.
Меня направили сюда из этой темы: http://javascript.ru/forum/dom-windo...e-pervogo.html

Суть в следующем.

Есть форма. После нажатия на кнопку подтверждения появляется модальное окно с одним из вариантов (успех\ошибка). Вместе с ним вылезает 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';
  	  }
  	}


Часовой пояс GMT +3, время: 15:30.