Показать сообщение отдельно
  #1 (permalink)  
Старый 08.03.2016, 16:58
Новичок на форуме
Отправить личное сообщение для lex095 Посмотреть профиль Найти все сообщения от lex095
 
Регистрация: 08.03.2016
Сообщений: 4

модальное окно, прошу помощи
Добрый день, нужно реализовать закрытие окна после выполнения функции, подскажите пожалуйста как это сделать
$(document).ready(function(){
	//При нажатии на ссылку с классом poplight и href атрибутом тега <a> с #
	$('a.poplight[href^=#]').click(function()
 {
		var popID = $(this).attr('rel'); //получаем имя окна, важно не забывать при добавлении новых менять имя в атребуте rel ссылки
		var popURL = $(this).attr('href'); //получаем размер из href атрибута ссылки
				
		//запрос и переменные из href url
		var query= popURL.split('?');
		var dim= query[1].split('&');
		var popWidth = dim[0].split('=')[1]; //первое значение строки запроса
 
		//Fade in the Popup and add close button
		$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" title="Закрыть" class="close"></a>');
		
        //Определяем маржу(запас) для выравнивания по центру (по вертикали и горизонтали) - мы добавляем 80 к высоте / ширине с учетом отступов + ширина рамки определённые в css
		var popMargTop = ($('#' + popID).height() + 80) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;
		
		//Устанавливаем величину отступа
		$('#' + popID).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
		
		//Добавляем полупрозрачный фон затемнения
		$('body').append('<div id="fade"></div>'); //div контейнер будет прописан перед тегом </body>.
		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //полупрозрачность слоя, фильтр для тупого IE
		
		return false;
	});
	
	//Зокрываем окно и фон затемнения
	$(document).on('click', 'a.close, #fade', function() { //закрытие по клику вне окна, т.е. по фону...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //плавно исчезают 
    });
    return false;
   });
});
Ответить с цитированием