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

Здравствуйте!
Скажите пож — есть стандартное окошко которое выскаквает сообшение об отправке почты например — так оно выскакивает справа вверху в углу — а как его сделать посередине?
igor3310
igor3310
29 августа 2019, 12:56
modx.pro
1 398
Техническая поддержка MODX Сайт лежит, тормозит или остался без разработчика? Переезд с MODX 2 на 3, PHP 7 на 8, скорость и безопасность. Поддержка со сроками и ответственностью, а не совет в чате. Подробнее Реклама

Комментарии: 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
Виктор Лобанов
Виктор Лобанов
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
    igor3310
    29 августа 2019, 16:16
    А к ак Гровль отключить?
      Виктор Лобанов
      Виктор Лобанов
      29 августа 2019, 16:20
      в коде выше часть которая «отключаем стандартное сообщение AjaxForm» как раз и убирает стандартный попап в верхнем углу.
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    5