Здравствуйте. Есть подобная форма обратной связи, она появляется в виде popup окна, я, с горем пополам, настроил ее на обычную статическую форму обратной связи, но при нажатии на кнопку заказать, форма исчезает и вместо нее появляется сообщение: "Заявка удачно оформлена. Заявке присвоен номер. Наш менеджер свяжется с вами в ближайшее время.
Вопрос: как сделать, чтобы после нажатия кнопки заказа вылетало popup окно, в котором и будет данный текст: "Заявка удачно оформлена..." и сама форма не исчезла? Кто поможет, того отблагодарю)
Сам скрипт:
<div id="popup">
<form id="contact_form" role="form" method="post" action="./php/order.php">
<h3>Напишите нам</h3>
<input type="text" name="name" placeholder="Как к вам обращаться?">
<input type="text" name="tel" class="required" placeholder="Контакный телефон (обязательно)">
<input type="text" name="email" placeholder="Email">
<textarea name="message" placeholder="Текст сообщения" rows="5"></textarea>
<a href="#" class="btn button form_submit">Заказать</a>
</form>
</div>
$(function() {
//Функция проверяет заполнено ли поле с телефоном
function formValide() {
var str = $('#contact_form input[name=tel]').val();
str = jQuery.trim(str);
if(str.length < 5){
alert ('Введите телефон');
return false;
}
return true;
}
//при нажатии на кнопку button нужной формы запускаем функцию обработки данных
$('#contact_form .button').live('click', function() {
if (formValide()) {
//если форма прошла проверку, выводим блок с текстом ожидания
$('#contact_form').before('<h3 id="contact_form_info">Оформление заявки. Подождите...</h3>');
$('#contact_form').hide();
//берем путь php обработчика
order_url = $('#contact_form').attr('action');
//посылаем асинхронный запрос на сервер и передаем все данные формы
$.post(order_url,{
name: $('#contact_form input[name=name]').val(),
tel: $('#contact_form input[name=tel]').val(),
email: $('#contact_form input[name=email]').val(),
message: $('#contact_form textarea[name=message]').val(),
send: "1"
}, function(data) {
//выводим возврашаемый сервером код html вместо содержимого формы
$('#contact_form').html(data);
$('#contact_form').show();
$('#contact_form_info').remove();
}, "html");
}
return false;
});
});
// ========================================================================= go_order
$(function() {
//фкнкция вызова формы обратной связи
$('#callback').click(function(){
//появление окна обратной связи
$('#popup').fadeIn();
//добавляем к окну иконку закрытия
$('#popup').append('<a id="popup_close"></a>');
//расчитываем высоту и ширину всплывающего окна что бы вывести окно прямо по центру экрана
q_width = $('#popup').outerWidth()/-2;
q_height = $('#popup').outerHeight()/-2;
$('#popup').css({
'margin-left': q_width,
'margin-top': q_height
});
//выводим затемение страницы и делаем полупрозрачным
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=40)'}).fadeIn();
return false;
});
//функция закрытия окна
$('#popup_close, #fade').live('click', function() {
$('#fade').fadeOut(function() {
$('#fade').remove();
$('#popup_close').remove();
$('#popup').fadeOut();
});
});
});
<?php
header('Content-type: text/html; charset=utf-8');
error_reporting(0);
if(!empty($_POST['send'])) {
$name = substr(htmlspecialchars(trim($_POST['name'])), 0, 300);
$tel = substr(htmlspecialchars(trim($_POST['tel'])), 0, 100);
$email = substr(htmlspecialchars(trim($_POST['email'])), 0, 100);
$message = substr(htmlspecialchars(trim($_POST['message'])), 0, 3000);
$ip = $_SERVER['REMOTE_ADDR'];
$Nzakaz = rand(10000, 99999);
$mess = "Имя: <b>".$name."</b><br />";
$mess .= "Телефон: <b>".$tel."</b><br />";
$mess .= "Email: <b>".$email."</b><br />";
$mess .= "Сообщение: <b>".$message."</b><br />";
$theme = "Заявка Z".$Nzakaz;
mail("bratkaprod@gmail.com", $theme, $mess, "From: mysite.com <mymail@mail.ru>\nContent-Type: text/html;\n charset=utf-8\nX-Priority: 0");
echo "<h3>Заявка удачно оформлена.</h3>";
echo "<p>Заявке присвоен номер Z".$Nzakaz.". Наш менеджер свяжется с вами в ближайшее время.</p>";
}
else {
echo "<h2>Ошибка! Попробуйте еще раз.</h2>";
}
?>