Скрипт не работает в IE11
скрипт открывает поп ап окно. с настрйокам IE ковырялся, не помогает. в других браузерах работает
var modal = document.getElementById('myModal');
var myBtn = document.getElementsByClassName('myBtn');
var close = document.getElementsByClassName('close')[0];
var newModalBtn = document.getElementById('myBtn2');
var otherModalBtn = document.getElementById('other_button');
var otherModalBtn2 = document.getElementById('other_button2');
/*
А это в цикле прокруциваем те элементы которыми мы открываем модал окно
и обработчик события который открывет окно
*/
for (var i = 0; i < myBtn.length; i++) {
myBtn[i].addEventListener('click', function() {
openModalWindow();
})
}
// это обработчик события, который в нутри этой функции выполнят ту функцию
//которая закрывает окно модальное
close.addEventListener('click', function() {
closeModalWindow();
})
//это функция, которая открывает окно
function openModalWindow() {
modal.style.display = "block";
}
//это функция, которая закрывает окно
function closeModalWindow() {
modal.style.display = "none";
}
newModalBtn.onclick = () => {
modal.style.display = "none";
var newModalWindow = document.createElement('div');
newModalWindow.innerHTML =
"<div id=\"for_hidden_ident\" class=\"modal2\">" +
"<div class=\"modal-content2\">\n" +
" <span class=\"newModalclose\">×</span>\n" +
" <div class=\"modal-body\">\n" +
" <p id=\"modal_new_paragr\" >Ваша заявка отправлена.<br> В ближайшее время мы свяжемся с вами</p>\n" +
" </div>\n"
"</div>\n"
document.body.appendChild(newModalWindow);
newModalWindow.style.display = "block";
var newModalclose = document.getElementsByClassName('newModalclose')[0];
// это обработчик события, который в нутри этой функции выполнят ту функцию
//которая закрывает окно модальное
newModalclose.addEventListener('click', function() {
closeModalWindow2();
})
//это функция, которая закрывает окно
function closeModalWindow2() {
newModalWindow.style.display = "none";
}
setTimeout(() => newModalWindow.hidden = true, 2500)
}
otherModalBtn.onclick = () => {
var otherModalWindow = document.createElement('div');
otherModalWindow.innerHTML =
"<div id=\"for_hidden_ident\" class=\"modal2\">" +
"<div class=\"modal-content2\">\n" +
" <span class=\"otherModalclose\">×</span>\n" +
" <div class=\"modal-body\">\n" +
" <p id=\"modal_new_paragr\" >Ваша заявка отправлена.<br> В ближайшее время мы свяжемся с вами</p>\n" +
" </div>\n"
"</div>\n"
document.body.appendChild(otherModalWindow);
otherModalWindow.style.display = "block";
var otherModalclose = document.getElementsByClassName('otherModalclose')[0];
// это обработчик события, который в нутри этой функции выполнят ту функцию
//которая закрывает окно модальное
otherModalclose.addEventListener('click', function() {
closeModalWindow3();
})
//это функция, которая закрывает окно
function closeModalWindow3() {
otherModalWindow.style.display = "none";
}
setTimeout(() => otherModalWindow.hidden = true, 2500)
}
otherModalBtn2.onclick = () => {
var otherModalWindow2 = document.createElement('div');
otherModalWindow2.innerHTML =
"<div id=\"for_hidden_ident\" class=\"modal2\">" +
"<div class=\"modal-content2\">\n" +
" <span class=\"otherModalclose2\">×</span>\n" +
" <div class=\"modal-body\">\n" +
" <p id=\"modal_new_paragr\" >Ваша заявка отправлена.<br> В ближайшее время мы свяжемся с вами</p>\n" +
" </div>\n"
"</div>\n"
document.body.appendChild(otherModalWindow2);
otherModalWindow2.style.display = "block";
var otherModalclose2 = document.getElementsByClassName('otherModalclose2')[0];
// это обработчик события, который в нутри этой функции выполнят ту функцию
//которая закрывает окно модальное
otherModalclose2.addEventListener('click', function() {
closeModalWindow4();
})
//это функция, которая закрывает окно
function closeModalWindow4() {
otherModalWindow2.style.display = "none";
}
setTimeout(() => otherModalWindow2.hidden = true, 2500)
}
Ответы (1 шт):
Автор решения: Aziz Umarov
→ Ссылка
Перепишите onclick = () => { .. в onclick = function () { .. как указано в коментах