Вход

Просмотр полной версии : Скрипт для показа успешного выполнения формы


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');