Показать сообщение отдельно
  #20 (permalink)  
Старый 29.05.2015, 09:34
Интересующийся
Отправить личное сообщение для dmax34 Посмотреть профиль Найти все сообщения от dmax34
 
Регистрация: 08.10.2014
Сообщений: 16

Всем привет!
Ребята, помогите, демо с 18 поста с рабочим примером пропало, и в итоге я нашел другое модальное окно, но в нем такой функции нет, как загрузка информера после открытия и остановка поступления данных после закрытия...
Помогите сделать это уже в новом модальном окне, я его уже установил в нескольких местах на сайте, и только этой функции не хватает...

Вот само окно:
$(document).ready(function() { // вся магия после загрузки страницы
	$('a#go').click( function(event){ // ловим клик по ссылки с id="go"
		event.preventDefault(); // выключаем стандартную роль элемента
		$('#overlay').fadeIn(400, // сначала плавно показываем темную подложку
		 	function(){ // после выполнения предъидущей анимации
				$('#modal_form') 
					.css('display', 'block') // убираем у модального окна display: none;
					.animate({opacity: 1, top: '50%'}, 200); // плавно прибавляем прозрачность одновременно со съезжанием вниз
		});
	});
	/* Закрытие модального окна, тут делаем то же самое но в обратном порядке */
	$('#modal_close, #overlay').click( function(){ // ловим клик по крестику или подложке
		$('#modal_form')
			.animate({opacity: 0, top: '45%'}, 200,  // плавно меняем прозрачность на 0 и одновременно двигаем окно вверх
				function(){ // после анимации
					$(this).css('display', 'none'); // делаем ему display: none;
					$('#overlay').fadeOut(400); // скрываем подложку
				}
			);
	});
});


<p><a href="#" id="go">Ссылка с окном</a></p>
<div id="modal_form">
	<span id="modal_close">X</span>
тут информер которому нужно загружаться только после открытия...
</div>
<div id="overlay"></div>


Заранее большое спасибо!
Ответить с цитированием