Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.10.2016, 10:40
Новичок на форуме
Отправить личное сообщение для LionVII Посмотреть профиль Найти все сообщения от LionVII
 
Регистрация: 17.10.2016
Сообщений: 4

Сообщение об успешной отправки письма
Здравствуйте, недавно занялся разработкой корпоративного сайта по видео-урокам (до этого никогда этим не занимался) и возникли проблемы с javascript'ом.

На сайте есть 2 типа форм обратной связи (всплывающая при нажатии на кнопку и обычная).

Первый вид формы:
$("#callback1").submit(function() {
		$.ajax({
			type: "POST",
			url: "mail.php",
			data: $(this).serialize()
		}).done(function() {
			$(".success").addClass("active");
			setTimeout(function() {
				// Done Functions
				$(".success").removeClass("active");
				th.trigger("reset");
				$.magnificPopup.close();
			}, 3000);
		});
		return false;
	});


Данная форма всплывает по средствам скрипта magnificPopup и использует кастимизированный в sass класс "success". При переводе его в режим active он красиво всплывает с сообщением об успешной отправки, но по завершении 3 секунд закрывается только класс "success", а надо чтобы закрывалось полностью все окно. Подозреваю что $.magnificPopup.close(); неверно прописан или не в правильном месте, подскажите как правильней.

Второй вид формы:
$("#callback2").submit(function() {
		$.ajax({
			type: "POST",
			url: "mail.php",
			data: $(this).serialize()
		}).done(function() {
			$(this).find("input").val("");
			alert("Спасибо за заявку!");
			$("#callback2").trigger("reset");
		});
		return false;

Данная форма расположена сразу на сайте, взял ее из стартового шаблона. Подскажите как правильно прописать, чтобы при отправке сообщения появлялось попап сообщение, костимизированное в sass.
Ответить с цитированием
  #2 (permalink)  
Старый 17.10.2016, 13:55
Новичок на форуме
Отправить личное сообщение для LionVII Посмотреть профиль Найти все сообщения от LionVII
 
Регистрация: 17.10.2016
Сообщений: 4

По поводу второй формы, будет ли работать такой код:
$("#callback2").submit(function() {
        $.ajax({
            type: "POST",
            url: "mail.php",
            data: $(this).serialize()
        }).done(function() {
            $(".success2").addClass("active");
            setTimeout(function() {
                // Done Functions
                $(".success2").removeClass("active");
                th.trigger("reset");
                $.magnificPopup.close();
            }, 3000);
        });
        return false;
    });

В sass по диву "success2" прописать opacity = 0 (в active opacity = 1).

Будет ли работать в таком виде?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Система всплывающих сообщений ruslan_mart Ваши сайты и скрипты 32 27.05.2015 21:28
Запустить событие в случае успешной отправки формы FranSe Элементы интерфейса 8 17.01.2015 12:11
Не всплывает уведомление об успешной отправке письма Andrey353453 Общие вопросы Javascript 0 22.06.2014 11:33
После редиректа не отображается сообщение об отправки письма. deeand Серверные языки и технологии 1 30.03.2012 16:03
Окно Shadowbox и форма отправки письма loen Общие вопросы Javascript 1 16.05.2011 20:33