Показать сообщение отдельно
  #3 (permalink)  
Старый 30.06.2019, 22:59
Интересующийся
Отправить личное сообщение для l_mke Посмотреть профиль Найти все сообщения от l_mke
 
Регистрация: 30.06.2019
Сообщений: 18

Если я правильно понял, то надо было сделать так :

for(const open_modal of document.querySelectorAll(".open_modal")){
	var overlay = document.querySelector('#overlay');
	var close = document.querySelector('#close');
	var modal = document.querySelector('.modal_zakaz');
	var body = document.body;
	var html = document.documentElement;
	let div = open_modal.getAttribute('href');
	var modal_block = document.querySelector(div);
	open_modal.onclick = function openModal() {
	    event = event || window.event;
	    if (event.preventDefault) { 
	        event.preventDefault(); 
	    } else { 
	        event.returnValue = false;
	    }
	    html.classList.add('overflow');
	    body.classList.add('overflow');
	    overlay.style.display = "block";
	    fadeOverlay(overlay,500,40);
	    modal_block.style.display = "block";
	    modal_block.classList.add('modal_zakaz_up');
	    fadeIn(modal_block,500,40);
	}
	close.onclick = function closeModal(){
	    html.classList.remove('overflow');
	    body.classList.remove('overflow');    
	    if ( modal_block.classList.contains('modal_zakaz_up')) {
	         modal_block.classList.toggle('modal_zakaz_up');
	         modal_block.classList.toggle('modal_zakaz_down');
	        fadeOut(modal_block,500,40);
	    }
	    setTimeout(
	       function () {
	           if (modal_block.classList.contains('modal_zakaz_down')) {
	                modal_block.classList.toggle('modal_zakaz_down');
	           }
	       },1000
	    )    
	    fadeOut(overlay,700,40);
	    function closeOverlay(event) {
	        overlay.style.display = "block";
	    }
	    setTimeout(closeOverlay() ,500);
	}
	overlay.onclick = function closeModal(){
	    html.classList.remove('overflow');
	    body.classList.remove('overflow');    
	    if ( modal_block.classList.contains('modal_zakaz_up')) {
	         modal_block.classList.toggle('modal_zakaz_up');
	         modal_block.classList.toggle('modal_zakaz_down');
	        fadeOut(modal_block,500,40);
	    }
	    setTimeout(
	       function () {
	           if (modal_block.classList.contains('modal_zakaz_down')) {
	                modal_block.classList.toggle('modal_zakaz_down');
	           }
	       },1000
	    )    
	    fadeOut(overlay,700,40);
	    function closeOverlay(event) {
	        overlay.style.display = "block";
	    }
	    setTimeout(closeOverlay() ,500);
	}
}


Но это работает так же, только теперь в ссылке где указано #min_modal, вызывается #big modal
Ответить с цитированием