у меня на сайте есть две всплывающие веб-формы привязанные к кнопкам. При нажатии в них кнопки отправить информация сохраняется в битриксе в администрирование => сервисы => веб-формы => результаты => "выбранная _форма". Мне нужно к ним прикрутить всплывающее сообщение при успешной отправке. Я делаю так:[CODE]$(document).ready(function () {
$("#req").click(function(){
$(".popup").fadeIn(200); // Медленно выводим изображение
$(".request_form").fadeIn(200); // Медленно выводим изображение
});
$("#rez").click(function(){
$(".popup").fadeIn(200); // Медленно выводим изображение
$(".resume_form").fadeIn(200); // Медленно выводим изображение
});
$(".popup_bg").click(function(){ // Событие клика на затемненный фон
$(".popup").fadeOut(200); // Медленно убираем всплывающее окно
$(".request_form").fadeOut(200); // Медленно убираем всплывающее окно
$(".resume_form").fadeOut(200); // Медленно убираем всплывающее окно
$(".callback_form").fadeOut(200); // Медленно убираем всплывающее окно
});
$(".request_form form, .resume_form form").submit(function (e) {
$.ajax({
url: $(this).attr("action")+"?AJAX_REQUEST=Y",
data: $(this).serialize() + "&web_form_submit=Отправить",
type: 'post',
success: function (data) {
$(".request_form").fadeOut(200); // Медленно убираем всплывающее окно
$(".resume_form").fadeOut(200); // Медленно убираем всплывающее окно
$(".popup").fadeIn(200); // Медленно выводим изображение
$(".callback_form").fadeIn(200); // Медленно выводим изображение
},
error: function (data) {
alert('Мы бы и рады написать "Спасибо за обращение!", но чтото на сервере сломалось');
}
});
e.preventDefault();
});
});
[/CODE]При этом для request_form выводится нужное мне сообщение и сохраняются там результаты, а для resume_form сообщение выводится, но результаты не сохраняются. При отключении ajax запроса для resume_form информация нормально сохраняется. Вопрос что это может быть?
Единственное отличие которое нашел в resume_form есть добавить файл, а в request_form нет.
$("#req").click(function(){
$(".popup").fadeIn(200); // Медленно выводим изображение
$(".request_form").fadeIn(200); // Медленно выводим изображение
});
$("#rez").click(function(){
$(".popup").fadeIn(200); // Медленно выводим изображение
$(".resume_form").fadeIn(200); // Медленно выводим изображение
});
$(".popup_bg").click(function(){ // Событие клика на затемненный фон
$(".popup").fadeOut(200); // Медленно убираем всплывающее окно
$(".request_form").fadeOut(200); // Медленно убираем всплывающее окно
$(".resume_form").fadeOut(200); // Медленно убираем всплывающее окно
$(".callback_form").fadeOut(200); // Медленно убираем всплывающее окно
});
$(".request_form form, .resume_form form").submit(function (e) {
$.ajax({
url: $(this).attr("action")+"?AJAX_REQUEST=Y",
data: $(this).serialize() + "&web_form_submit=Отправить",
type: 'post',
success: function (data) {
$(".request_form").fadeOut(200); // Медленно убираем всплывающее окно
$(".resume_form").fadeOut(200); // Медленно убираем всплывающее окно
$(".popup").fadeIn(200); // Медленно выводим изображение
$(".callback_form").fadeIn(200); // Медленно выводим изображение
},
error: function (data) {
alert('Мы бы и рады написать "Спасибо за обращение!", но чтото на сервере сломалось');
}
});
e.preventDefault();
});
});
[/CODE]При этом для request_form выводится нужное мне сообщение и сохраняются там результаты, а для resume_form сообщение выводится, но результаты не сохраняются. При отключении ajax запроса для resume_form информация нормально сохраняется. Вопрос что это может быть?
Единственное отличие которое нашел в resume_form есть добавить файл, а в request_form нет.