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С


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


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


Поблагодарили: (2)
devuser, konstantinskiy
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
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С


Поблагодарили: (1)
konstantinskiy
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
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


--------------------
Профессиональные услуги веб-разработчика
Грамотная, профессиональная верстка макетов
Подружим Ваш интернет-магазин с системой 1С
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
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 и удаляете всю форму, целиком.


--------------------
Профессиональные услуги веб-разработчика
Грамотная, профессиональная верстка макетов
Подружим Ваш интернет-магазин с системой 1С
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
konstantinskiy
konstantinskiy
Topic Starter сообщение 3.5.2013, 16:14; Ответить: konstantinskiy
Сообщение #9


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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыРассылка ваших сообщений в контакт формы!
 3 dizaynmaks 1707 18.4.2022, 9:04
автор: dizaynmaks
Открытая тема (нет новых ответов) Перенос (обновление) OpenCart и OcStore на новую версию 2х - 3х
Перенесу ваш магазин на новую версию движка
 3 Илья1981 8446 4.10.2021, 11:59
автор: Evgen_ppm
Открытая тема (нет новых ответов) Комиссия 40-70%: обновление партнерской программы 2020
 2 Phyllis 2012 20.4.2021, 17:52
автор: Phyllis
Открытая тема (нет новых ответов) Комиссия 40-70%: обновление партнерской программы 2020
 1 Phyllis 1239 14.2.2020, 0:17
автор: -Phyllis-
Открытая тема (нет новых ответов) Обновление OpenCart 1.5.4.1.1 на 2.3.0.2.3
 0 cactusez 1424 3.3.2019, 19:22
автор: cactusez


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 24.4.2024, 0:29

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet