Вывести стандартный попап посередине

Здравствуйте!
Скажите пож — есть стандартное окошко которое выскаквает сообшение об отправке почты например — так оно выскакивает справа вверху в углу — а как его сделать посередине?

igor3310

29 августа 2019, 12:56

1 460

Комментарии: 5

Андрей Старожил

29 августа 2019, 13:48

Если речь идёт об отправке через AjaxForm, то можно отключить jGrowl и выводить свой любой контент:

<script>
	$(document).on('af_complete', function(event, response) {
	    if (response.success) {
	        $('#thank').show(); // показываем элемент с id thank при успешной отправке формы
	    }
	    response.message='';
	});
</script>

Ну или можно в css накостылить своих стилей в этом файле:
https://github.com/bezumkin/AjaxForm/blob/master/assets/components/ajaxform/css/lib/jquery.jgrowl.min.css

Баха Волков Администратор

30 августа 2019, 13:37

Незачем костылить, т.к. у jGrowl есть параметр position

Виктор Лобанов Старожил

29 августа 2019, 15:54

В дополнение к предыдущему комментарию вот такой вариант с Fancybox у себя использую

<script>
$(document).ready(function() {
	// отключаем стандартное сообщение AjaxForm
	if (typeof(AjaxForm) != 'undefined') {
		AjaxForm.Message.success = function() {};
	}
});

// Показываем свое сообщение в модальном окне
$(document).on('af_complete', function(event, response) {
	var form = response.form;
	if (response.success) {
		$.fancybox.close();
		$.fancybox.open('<div class="modal" id="popup-call">' + response.message + '</div>',[{
			opts : {
				afterShow : setTimeout(function(){$.fancybox.close()}, 2000)
			}
		}]);
	}
});
</script>

igor3310 Старожил

29 августа 2019, 16:16

А к ак Гровль отключить?

Виктор Лобанов Старожил

29 августа 2019, 16:20

в коде выше часть которая «отключаем стандартное сообщение AjaxForm» как раз и убирает стандартный попап в верхнем углу.

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.

Вывести стандартный попап посередине

Job Piper собирает IT заказы со всего Интернета.

Комментарии: 5