Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Скрипт для показа успешного выполнения формы (https://javascript.ru/forum/jquery/65990-skript-dlya-pokaza-uspeshnogo-vypolneniya-formy.html)

Slevin4eg 19.11.2016 20:03

Скрипт для показа успешного выполнения формы
 
Есть скрипт готовый
$(document).ready(function() {
	//E-mail Ajax Send
	$("form").submit(function() { //Change
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).done(function() {
			alert("Наш менеджер скоро свяжется с Вами");
			setTimeout(function() {
				// Done Functions
				th.trigger("reset");
			}, 1000);
		});
		return false;
	});

});

кто знаток, подскажите, пожалуйста, как сделать, чтобы вместо alert показать какой-нибудь скрытый div.
Заранее спасибо

Alex_63 19.11.2016 20:06

Slevin4eg,
$(document).ready(function() {
	var div = $('<div />').hide().appendTo('body');
	$("form").submit(function() {
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", 
			data: th.serialize()
		}).done(function() {
			div.html('содержимое div-а').show();
		});
		return false;
	});

});

Slevin4eg 19.11.2016 21:46

Alex_63,
спасибо огромное! все супер=) только вот еще вопросик остался)
как теперь этот див убрать по клику за его пределами?

Slevin4eg 21.11.2016 16:00

получилось=)
 
Все круто! получилось) и появляется окно, и по клику исчезает! все, что хотел реализовано=) спасибо еще раз большое!
для исчезновения использовал:
$('#popup').click(function () {
				$(this).fadeOut('normal');
				$('.modalka').fadeOut('normal');


Часовой пояс GMT +3, время: 14:29.