X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Обновление формы, Обновление ajax-формы
konstantinskiy
konstantinskiy
Topic Starter сообщение 3.5.2013, 14:31; Ответить: konstantinskiy
Сообщение #1


Здравствуйте.
У меня такой вопрос. Нагуглил как сделать очистку именно input'ov после отправки формы, но задача не совсем такая.
Есть модальное окно с использованием fancybox+ajax+php (для отправки данных на мыло). После введения данных и нажатия отправить, появляется сообщение "Успешно! Ваше сообщение отправлено" и окно закрывается через 2 сек.
Если открыть еще раз, то горит это же сообщение "Успешно! Ваше сообщение отправлено"
Собственно вопрос, как сделать чтобы без перезагрузки страницы форма была в изначальном виде?

Заранее спасибо!

Вот ссылка на форму
http://konstantinskiy.16mb.com/


--------------------
Все интересное по тематике html5 верстка, jQuery, WordPress тут - http://freelancerblog.ru
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devuser
devuser
сообщение 3.5.2013, 14:37; Ответить: devuser
Сообщение #2


Вместо

if(data == "true") {
    $("#contact").fadeOut("fast", function(){
        $(this).before("<p><strong>Успешно! Ваше сообщение отправлено</strong></p>");
        setTimeout("$.fancybox.close()", 2000);
    });
}


сделайте
if(data == "true") {
    $("#contact").fadeOut("fast", function(){
        $(this).before("<p><strong>Успешно! Ваше сообщение отправлено</strong></p>");
        setTimeout("$.fancybox.close()", 2000);
    });
    $('#contact input, #contact textarea').val('').removeClass('error');
    $('#contact p').remove();
}


Сообщение отредактировал devuser - 3.5.2013, 14:38


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tszyan
tszyan
сообщение 3.5.2013, 14:59; Ответить: tszyan
Сообщение #3


devuser,
Наверное этот код надо внутрь setTimeout поместить.
$('#contact input, #contact textarea').val('').removeClass('error');
    $('#contact p').remove()


Поблагодарили: (2)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devuser
devuser
сообщение 3.5.2013, 15:39; Ответить: devuser
Сообщение #4


tszyan, верно

if(data == "true") {
    $("#contact").fadeOut("fast", function(){
        $(this).before("<p><strong>Успешно! Ваше сообщение отправлено</strong></p>");
        setTimeout(function(){
                $.fancybox.close();
                $('#contact input, #contact textarea').val('').removeClass('error');
                $('#contact p').remove();
        }, 2000);
    });
}


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
konstantinskiy
konstantinskiy
Topic Starter сообщение 3.5.2013, 15:48; Ответить: konstantinskiy
Сообщение #5


devuser, спасибо за ответ!!:)
Но не срабатывает. Мне нужна не очистка input
А нужно без перезагрузки при повторном нажатии на ссылку, чтобы было не так http://gyazo.com/fb3e90a2f3fb0f9437611c788c77c660
а так http://gyazo.com/4d4b70dabe3718b37174ac8a8a6e9ce7


А что такое $('#contact p').remove(); ?
#contact p, у меня в коде не используются теги <p>


--------------------
Все интересное по тематике html5 верстка, jQuery, WordPress тут - http://freelancerblog.ru
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devuser
devuser
сообщение 3.5.2013, 15:53; Ответить: devuser
Сообщение #6


(konstantinskiy @ 3.5.2013, 14:48) *
А что такое $('#contact p').remove(); ?#contact p, у меня в коде не используются теги <p>


а вот тут используется ведь
(devuser @ 3.5.2013, 14:39) *
  $(this).before("<p><strong>Успешно! Ваше сообщение отправлено</strong></p>");


Я не совсем вас понял, что вы хотите. Если не хотите форму закрывать - уберите fadeOut


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
konstantinskiy
konstantinskiy
Topic Starter сообщение 3.5.2013, 16:06; Ответить: konstantinskiy
Сообщение #7


devuser, форма должна закрываться , тут все работает правильно.
Еще раз по шагам... запонили валидные данные, нажали "отправить" и выводится сообщение в модальном окне "Успешно! Ваше сообщение отправлено" и через 2 сек модальное окно исчезает.
Мне нужно, если еще раз открывать это окно (т.е. на гл странице нажать на ссылку "Отправить сообщение"), чтобы в открывшемся модальном окне не было сообщения "Успешно! Ваше сообщение отправлено", а опять была возможность заполнить поля БЕЗ перезагрузки страницы.


--------------------
Все интересное по тематике html5 верстка, jQuery, WordPress тут - http://freelancerblog.ru
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devuser
devuser
сообщение 3.5.2013, 16:08; Ответить: devuser
Сообщение #8


Ну так я же вам дал код.
Вставьте его в ваш шаблон.
Он именно очищает введенные данные и удаляет сообщение об удачной отправке. После чего окно закрывается.

А вы сейчас убрали тег p и удаляете всю форму, целиком.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
konstantinskiy
konstantinskiy
Topic Starter сообщение 3.5.2013, 16:14; Ответить: konstantinskiy
Сообщение #9


devuser, конечно же я попробовал ваш вариант первым делом.
Это я уже экспериментирую..
Вот вернул как вы написали, обновите страницу. Все равно не срабатывает

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Все интересное по тематике html5 верстка, jQuery, WordPress тут - http://freelancerblog.ru
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Комиссия 40-70%: обновление партнерской программы 2020
2 Phyllis 724 20.4.2021, 17:52
автор: Phyllis
Открытая тема (нет новых ответов) В поиске Google зафиксировано неподтвержденное обновление алгоритма ранжирования
16 VinogradOFF 1793 11.3.2021, 1:11
автор: Ostromir
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыXrumer 16.0 – лучшее обновление за несколько лет. Новые инструменты
225 AnnaYa 113420 26.2.2021, 21:11
автор: maxf056
Открытая тема (нет новых ответов) Комиссия 40-70%: обновление партнерской программы 2020
1 Phyllis 681 14.2.2020, 0:17
автор: -Phyllis-
Открытая тема (нет новых ответов) Перенос (обновление) OpenCart и OcStore на новую версию 2х - 3х
Перенесу ваш магазин на новую версию движка
2 Илья1981 879 21.1.2020, 23:21
автор: Илья1981


 



RSS Текстовая версия Сейчас: 11.5.2021, 8:08
Дизайн