после отправки должна выходить окно [РЕШЕНО]

[sdsrico]

создал форму заказа . не могу сделать чтобы после нажатие на кнопку отправить выскакивало модальное окно или лайтсбокс с сообщением спасибо

[upglad]

Через java script.

Код: Выделить всё

<script type="text/javascript">
$(function(){

$('#Form1').bind('submit', function(){
var form = $(this);

$.ajax({
type: "POST",
url: "index.php",
data: form.serialize(),
success: function(returnedInfo){

$.fancybox({
'type': 'ajax',
'href': 'success.html',
'width': '360',
'height': '340',
});

}
});

return false;

});

});
</script>



[imfel]

Через java script.

Код: Выделить всё

<script type="text/javascript">
$(function(){

$('#Form1').bind('submit', function(){
var form = $(this);

$.ajax({
type: "POST",
url: "index.php",
data: form.serialize(),
success: function(returnedInfo){

$.fancybox({
'type': 'ajax',
'href': 'success.html',
'width': '360',
'height': '340',
});

}
});

return false;

});

});
</script>



И куда это вписать?

[MAD]

Через java script.

Код: Выделить всё

<script type="text/javascript">
$(function(){

$('#Form1').bind('submit', function(){
var form = $(this);

$.ajax({
type: "POST",
url: "index.php",
data: form.serialize(),
success: function(returnedInfo){

$.fancybox({
'type': 'ajax',
'href': 'success.html',
'width': '360',
'height': '340',
});

}
});

return false;

});

});
</script>



И куда это вписать?

Может админы ответят как SUCCESS страничку в виде ЛАЙТБОКСА на страничке INDEX выставить?????

Данный ява-скрипт непонятно куда втыкать!!!

Ну че жметесь со знаниями?
Ни фига так форум движения не увидит и будут сидеть пару умельцев держась за свои навыки как за ЗОЛОТО!
Делитесь не жмитесь!!!

[MAD]

Кароче со скриптом этим ответа никто не дал. Сам решил вопрос!!! Кому интересно пишите либо в личку либо позже распишу))

[boot]

Кто подскажет как это решить? Мад напиши плиз

[imfel]

Кароче со скриптом этим ответа никто не дал. Сам решил вопрос!!! Кому интересно пишите либо в личку либо позже распишу))

Напиши пожалуйста

[djsasha]

Кароче со скриптом этим ответа никто не дал. Сам решил вопрос!!! Кому интересно пишите либо в личку либо позже распишу))

Ну так напиши ответ... Сам жмешься, а других критикуешь....

[snake38]

Ооооочень актуально! подскажите пожалуйста как сделать???? Буду безмерно благодарен!

[TimurR]

Очень, очень актуально!!! Помогите решить данную ситуацию. Все темы которые есть, не понятны и не решают ситуацию

[gladiolus0707]

Осуществить можно с помощью ява и событий после нажатия на отправить окно благодарности будет выскакивать, но есть нюанс, событие блокирует отправку и выполняется в первую очередь и форма перестает работать. Если кто в курсе как перенастроить порядок, чтобы сначала выполнилась отправка а потом событие то осуществить это можно будет без проблем.

[Lokos]

Вопрос актуален.

[aidynchik]

Добавлю, что тема актуальна. Как сделать? Непонятно. может кто-нибудь выложить здравомыслящий туториал?

[artweb]

было дело столкнулся с подобной проблемой решил следующим образом
сделал 2 страницы , страницу формы и страницу сообщения об успехе такого же размера как и форма
далее выводим форму через фрейм, в настройках формы в сценарии успешной отправки вписываем УРЛ страницы успеха
далее на странице успеха в настройках выставляем перенаправление на страницу формы и выставляем задержку я 2 секунды вроде ставил
и все ....заполняете форму отправляете изображение формы меняется на какое то сообщение например форма отправлена сообщение висит пару секунд и снова на его месте появляется форма
P.S. форму и сообщение делайте в вернем левом углу максимально прижимая по обоим осям, а потом фреймом выводите на нужную страницу, кстати если нужно несколько одинаковых форм выводить на странице или на разных страницах то остается в нужные места вывести фреймы и связать их с формой и все будет работать

[aidynchik]

нет, я хочу вот прямо через лайтбокс :)

[artweb]

через лайтбокс то же самое только форму выводите в лайтбокс далее страница успеха в настройках формы и все... лайтбокс вручную закрывается потом...если хотите в странице успеха тоже переадресацию с задержкой пропишите тогда в форму будет возвращться после сообщения но пользователь лайтбокс вручную закрывать будет

[aidynchik]

опять же нет, тут тема начиналась так, что форма именно стоит на index.php, а страница успеха в лайтбоксе.
Лично мне проще сразу заполнить данные и отправить, чем нажать, заполнить данные и отправить :) мелочь, но неприятно.
На форуме как бы есть решение, даже выложен проект, но он нерабочий и местный скрипт не знаю куда приткнуть

[artweb]

ладно понятно...хотя не очень понятно зачем форму заполнять обычно а успех в лайтбоксе кстати что то подобное тоже когда то решал не помню как кажется через события как то....а джава конечно выход но у билдера и так код грязный зачем его без лишней надобности еще перегружать....если вспомню напишу как делал...но точно помню что стороннего кода никакого не вставлял

[Gudwinn]

По многочисленным просьбам выкладываю полностью готовый проект с ajax формой, которая отправляет письмо без перезагрузки страницы, и выводит сообщение "спасибо за покупку". Можете подстроить под себя как угодно, в wbs html вставок нет, вот как это выглядит в дефолтном варианте http://ajax.offershop.ru/ Вносить свой адрес почты в файле mail.php, а также название сайта с которого отправка писем, и текст "спасибо за заказ!". Всё расписано удобно и понятно. Вот ссылка на архив: http://ajax.offershop.ru/ajax2.zip Хотел сначала под реализацию сделать, но потом вспомнил о обещании ништяки через раз чередовать, и решил сделать благое дело)) Но с Вас магар)).
Если кому надо что бы прям во всплывающем окне что бы всё делалось, тоже могу сделать, но попозже.

[Kirill23]

Прикольно, спасибо. Может кто позскажет....У меня форма в лайт боксе. после отправки появляется страница успеха(в этом же лайт боксе) через таймер перенаправление на главную В общем вопрос как закрыть автоматом лайт бокс после открытия успеха(не успеха) отправки? Смотрел события таймера там нет такого((