Вебформы на ajax tpl

Материал из Umicms
Версия от 19:42, 2 сентября 2012; Deez (обсуждение | вклад) (Новая страница: «Сейчас мы в несколько довольно несложных действий заставим нашу вебформу, добавленную с п…»)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к:навигация, поиск

Сейчас мы в несколько довольно несложных действий заставим нашу вебформу, добавленную с помощью модуля обратная связь работать без перезагрузки страницы. В этом нам поможет jquery плагин Form. Для начала открываем шаблон, где размещается шапка необходимой нам страницы и между тэгами head, в самом низу добавляем строчку <script src="http://malsup.github.com/jquery.form.js" type="text/javascript"></script> Внимание строчка обязательно должна быть выше макросов %system includeQuickEditJs()% %system includeEditInPlaceJs()% Всё, с шапкой закончили, так как сам jquery у нас уже подключен, макросами %system includeQuickEditJs()% %system includeEditInPlaceJs()%

Теперь переходим к шаблону вебформ. Открываем его.(если вы ничего не меняли, то он находиться по адресу /tpls/data/reflection/webforms.tpl) и имеющийся код <form enctype="multipart/form-data" method="post" action="%pre_lang%/webforms/send/"> <input type="hidden" name="system_form_id" value="%form_id%" /> <input type="hidden" name="system_template" value="%template%" /> <input type="hidden" value="%pre_lang%/webforms/posted/" name="ref_onsuccess"> %address_select% %groups% </form>

заменяем на вот такой

<form enctype="multipart/form-data" method="post" action="%pre_lang%/webforms/send/"> <input type="hidden" name="system_form_id" value="%form_id%" /> <input type="hidden" name="system_template" value="%template%" /> <input type="hidden" value="%pre_lang%/webforms/posted/" name="ref_onsuccess"> %address_select% %groups% </form>

Всё, теперь форма у нас работает без перезагрузки страницы.