Вебформы на ajax tpl - История изменений

Alexei в 11:33, 17 февраля 2016

2016-02-17T11:33:07Z

Mad grant в 10:39, 5 июня 2013

2013-06-05T10:39:40Z

Deez в 20:00, 2 сентября 2012

2012-09-02T20:00:18Z

Deez в 19:57, 2 сентября 2012

2012-09-02T19:57:00Z

Deez в 19:49, 2 сентября 2012

2012-09-02T19:49:43Z

Deez в 19:44, 2 сентября 2012

2012-09-02T19:44:57Z

Deez в 19:44, 2 сентября 2012

2012-09-02T19:44:16Z

Deez: Новая страница: «Сейчас мы в несколько довольно несложных действий заставим нашу вебформу, добавленную с п…»

2012-09-02T19:42:05Z

Новая страница: «Сейчас мы в несколько довольно несложных действий заставим нашу вебформу, добавленную с п…»

Новая страница

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

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

@@ Строка 34: / Строка 34: @@
 <source lang="php">
 <form id="umi_the_best" 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_form_id" value="%form_id%" />
-	<input type="hidden" name="system_template" value="%template%" />
+    <input type="hidden" name="system_template" value="%template%" />
-	<input type="hidden" value="%pre_lang%/webforms/posted/" name="ref_onsuccess">
+    <input type="hidden" value="%pre_lang%/webforms/posted/" name="ref_onsuccess">
-	%address_select%
+    %address_select%
-	%groups%
+    %groups%
 </form>
 <script type="text/javascript">
-	$(document).ready(function(){
+    $(document).ready(function(){
-	   $("#umi_the_best").ajaxForm(function() {
+        $("#umi_the_best").ajaxForm(function() {
-	     alert("Спасибо за ваш отзыв!");
+            alert("Спасибо за ваш отзыв!");
-	   });
+            jQuery("#umi_the_best").trigger("reset");
-	});
+        });
 </script>
 </source>

@@ Строка 1: / Строка 1: @@
 Сейчас мы в несколько довольно несложных действий заставим нашу вебформу, добавленную с помощью модуля обратная связь работать без перезагрузки страницы.
 В этом нам поможет jquery плагин Form.
@@ Строка 52: / Строка 54: @@
 Инструкцию для xslt шаблонизатора вы можете найти по адресу [http://wiki.umisoft.ru/Вебформы_на_ajax_xslt Вебформы на ajax xslt ]

← Предыдущая		Версия 20:00, 2 сентября 2012
Строка 51:		Строка 51:
	Внимание, работа данного метода проверена на версии 2.8.5.3, если ваша версия ниже, работа этого метода не гарантирована.		Внимание, работа данного метода проверена на версии 2.8.5.3, если ваша версия ниже, работа этого метода не гарантирована.

−	Инструкцию для xslt шаблонизатора вы можете найти по адресу [[Вебформы на ajax ~~tpl]~~]	+	Инструкцию для xslt шаблонизатора вы можете найти по адресу [http://wiki.umisoft.ru/Вебформы_на_ajax_xslt Вебформы на ajax xslt ]

@@ Строка 7: / Строка 7: @@
 <!-- end ajax jquery forms -->
 </source>
-Внимание строчка обязательно должна быть выше макросов
+Внимание строчка обязательно должна быть ниже макросов
 <source lang="php">
 %system includeQuickEditJs()%
@@ Строка 50: / Строка 50: @@
 Внимание, работа данного метода проверена на версии 2.8.5.3, если ваша версия ниже, работа этого метода не гарантирована.

← Предыдущая		Версия 19:49, 2 сентября 2012
Строка 48:		Строка 48:
	</source>		</source>
	Всё, теперь форма у нас работает без перезагрузки страницы.		Всё, теперь форма у нас работает без перезагрузки страницы.
		+
		+	Внимание, работа данного метода проверена на версии 2.8.5.3, если ваша версия ниже, работа этого метода не гарантирована.

@@ Строка 6: / Строка 6: @@
 <script src="http://malsup.github.com/jquery.form.js" type="text/javascript"></script>
 <!-- end ajax jquery forms -->
-<source>
+</source>
 Внимание строчка обязательно должна быть выше макросов
 <source lang="php">
 %system includeQuickEditJs()%
 %system includeEditInPlaceJs()%
-<source>
+</source>
 Всё, с шапкой закончили, так как сам jquery у нас уже подключен, макросами
 <source lang="php">
 %system includeQuickEditJs()%
 %system includeEditInPlaceJs()%
-<source>
+</source>
 Теперь переходим к шаблону вебформ.
 Открываем его.(если вы ничего не меняли, то он находиться по адресу /tpls/data/reflection/webforms.tpl)
@@ Строка 28: / Строка 28: @@
 	%groups%
 </form>
-<source>
+</source>
 заменяем на вот такой
 <source lang="php">
@@ Строка 46: / Строка 46: @@
 	});
 </script>
-<source>
+</source>
 Всё, теперь форма у нас работает без перезагрузки страницы.