prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
РазделНазвание темыОтветовПоследний
Объявления, новости, предложения и отзывы Новый форум открыт! 4 raz0r
«    Январь 2018    »
ПнВтСрЧтПтСбВс
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

PW — всё для вебмастера » Всё для DataLife Engine » DLE модули » UniForm — модуль универсальных ajax-форм для DataLife Engine by ПафНутиЙ

UniForm — модуль универсальных ajax-форм для DataLife Engine by ПафНутиЙ


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно UniForm — модуль универсальных ajax-форм для DataLife Engine by ПафНутиЙ.


UniForm — модуль универсальных ajax-форм для DataLife Engine by ПафНутиЙ

Не подходит стандартная форма обратной связи? Нужна возможность использовать свои поля? Нужна защита от ботов и лёгкая настройка без использования БД? Тогда этот модуль для Вас!

Преимущества

- Не использует БД. Для работы модуля не требуется дополнительное соединение с БД и он не хранит данные из форм.
- Скорость работы. За счёт простоты реализации удалось достичь приемлемой скорости работы.
- Лёгкость настройки и стилизации. Все настройки модуля, оформление email-сообщения и самой формы вынесены в файлы шаблона, а это значит, что вы можете кастомизировать внешний вид не только формы, но и email-сообщения так, как этого требует дизайн.
- AJAX вызов и отправка форм. Это даёт максимальную защиту от автоматических заполнений и не обременяет пользователя разгадкой каптчи.

Требования к установке

- Версия DLE: 10.2 и выше (возможно будет работать и на более старых версиях).
- Прямые руки.

Установка

- Скачать актуальную версию модуля
- Распаковать содержимое папки upload в корень сайта.
- Открыть {THEME}/main.tpl и в нужном месте, перед закрывающим тегом
</head>
вставить подключение стилей и скриптов модуля:
<!-- DLE UniForm -->
<link rel="stylesheet" href="/engine/classes/min/index.php?charset=utf-8&amp;f={THEME}/uniform/css/uniform.css&amp;01" />
<script type="text/javascript" src="/engine/classes/min/index.php?charset=utf-8&amp;f={THEME}/uniform/js/jquery.magnificpopup.min.js,{THEME}/uniform/js/jquery.ladda.min.js,{THEME}/uniform/js/jquery.form.min.js,{THEME}/uniform/js/uniform.js&amp;01"></script>
<!-- /DLE UniForm -->

- Далее в нужном шаблоне, в нужном месте вставить кнопку вызова ajax-окна формы:
<span class="uf-btn" data-uf-open="/engine/ajax/uniform/uniform.php" data-uf-settings='{"formConfig": "feedback"}'>Обратная связь</span>

где feedback — Папка с шаблонами формы.
- Готово! Остаётся нажать на кнопочку.

Скриншоты форм, поставляемых в комплекте с модулем

Форма обратной связи
UniForm — модуль универсальных ajax-форм для DataLife Engine by ПафНутиЙ


Форма обратной связи, с ошибками
UniForm — модуль универсальных ajax-форм для DataLife Engine by ПафНутиЙ


Сообщение об успешной отправке сообщения из формы обратной связи
UniForm — модуль универсальных ajax-форм для DataLife Engine by ПафНутиЙ


Форма заказа звонка
UniForm — модуль универсальных ajax-форм для DataLife Engine by ПафНутиЙ


Форма заказа звонка, в процессе отправки
UniForm — модуль универсальных ajax-форм для DataLife Engine by ПафНутиЙ


Email, с заказом звонка
UniForm — модуль универсальных ajax-форм для DataLife Engine by ПафНутиЙ


Тестовая форма с примером обработки результатов отправки формы
UniForm — модуль универсальных ajax-форм для DataLife Engine by ПафНутиЙ


Настройка

- Описание и примеры конфигурации вызова модуля можно найти в файлах, с именем config.tpl.
- Описание и примеры параметров формы можно найти в файле {THEME}/uniform/test/form.tpl.
- Описание и примеры параметров email-сообщения можно найти в файле {THEME}/uniform/callback/email.tpl.

Параметры, доступные в файле конфигурации (config.tpl):



- templateFolder — Папка с шаблонами формы формы. Указывается подпапка, в папке uniform текущего шаблона сайта, в которой должны лежать файлы config.tpl, form.tpl и email.tpl. Например шаблон формы обратной связи (feedback) выглядит так:
{THEME}/uniform/
-- feedback/
--- config.tpl - файл конфига
--- email.tpl - файл email-сообщения
--- form.tpl - файл вывода формы

- nocache — Отключение кеширования модуля.
- debug — Дебаг. Выводится распечатка конфига, массива данных, переданных через $_POST и массива данных, отправляемых на email.
- required — Обязательные поля. Указываются имена полей, обязательных для заполнения.
- hidden — Разрешенные скрытые поля. Такие поля передаются из атрибута data-uf-settings кнопки открытия формы. Например, если к кнопке открытия формы прописать
data-uf-settings='{"formConfig": "feedback", "fields":{"field1": "value1", "field2": "value2", "field3": "value3"}}'
и при этом в конфиге будет вот такая запись:
hidden = field1,field3
то поле field2 не будет выведено в форму. Это сделано для безопасности работы модуля.
- sendmail — Отправлять email при заполнения формы?
- emails — Адреса почты, на которые необходимо отправлять уведомление. Необходимо прописать один или несколько email-адресов, через запятую.
- selectFields — Поля типа select. Необходимо перечислить через запятую имена всех полей, являющихся селектами.
- checkboxFields — Поля типа checkbox. Необходимо перечислить через запятую имена всех полей, являющихся чекбоксами.
- radioFields — Поля типа radio. Необходимо перечислить через запятую имена всех полей, являющихся радиокнопками.

Теги шаблонов


Список тегов, поддерживаемых в шаблоне form.tpl.
Вместо X следует прописывать имя инпута, селекта, чекбокса или радиокнопки. Имена не должны дублироваться.

- {* текст *} — Служебный комментарий. Текст, заключенный в такие теги, не будет выведен в браузер.
- [error]текст[/error] — выводит текст, если форма содержит ошибки заполнения.
- [success]текст[/success] — выводит текст, если форма удачно отправлена.
- [form]текст[/form] — выводит текст, если форма только что открыта, или отправлена с ошибками.
- [debug]{debug}[/debug] — выводит дебаг.
- [uf_token_error]текст[/uf_token_error] — выводит текст, если происходит попытка межсайтовой подделки запроса (CSRF Attack) или если конфиг формы изменился во время заполнения формы.
- [uf_email_error]текст[/uf_email_error] — выводит текст, если поле имеет имя email, является обязательным и не проходит валидацию (наличие символа @ и точки).
- [uf_default_value]текст[/uf_default_value] — выводит текст, если форма открыта впервые.
- {uf_filed_X} — выводит данные, переданные в форму из текстовых полей в случаи ошибочного заполнения.
- [uf_field_X="Y"]текст[/uf_field_X] — Выводит текст, если в текстовое поле X передано значение Y.
- [uf_error_X]текст[/uf_error_X] — выводит текст, если текстовое поле содержит ошибку.
- [uf_select_X="Y"]текст[/uf_select_X] — Выводит текст, если в селекте X отмечен пункт со значением Y.
- [uf_select_X_Y]selected[/uf_select_X_Y] — Выводит текст, если в селекте X отмечен пункт со значением Y. Является вариацией предыдущего тега.
- [uf_checkbox_X="Y"]текст[/uf_checkbox_X] — Выводит текст, если отмечен чекбокс с именем X, содержащий значение Y.
- [uf_checkbox_X_Y]checked[/uf_checkbox_X_Y] — Выводит текст, если отмечен чекбокс с именем X, содержащий значение Y. Является вариацией предыдущего тега.
- [uf_radio_X="Y"]текст[/uf_radio_X] — Выводит текст, если отмечена радиокнопка с именем X, содержащая значение Y.
- [uf_radio_X_Y]checked[/uf_radio_X_Y] — Выводит текст, если отмечена радиокнопка с именем X, содержащая значение Y. Является вариацией предыдущего тега.

Список тегов, поддерживаемых в шаблоне email.tpl.
Вместо X следует прописывать имя инпута, селекта, чекбокса или радиокнопки. Имена не должны дублироваться.

- {* текст *} — Служебный комментарий. Текст, заключенный в такие теги, не будет выведен в сообщении.
- [header]текст[/header] — Тема письма.
- {all_mail_fields} — выводит все поля, переданные из формы в удобном, для последующей вставке в шаблон, виде.
- [uf_field_X]текст[/uf_field_X] — выводит текст, если текстовое пол X заполнено.
- {X} — выводит данные, переданные в форму из текстового поля X.
- [uf_field_X="Y"]текст[/uf_field_X] — Выводит текст, если в текстовое поле X передано значение Y.
- [uf_select_X="Y"]текст[/uf_select_X] — Выводит текст, если в селекте X отмечен пункт со значением Y.
- [uf_checkbox_X="Y"]текст[/uf_checkbox_X] — Выводит текст, если отмечен чекбокс с именем X, содержащий значение Y.
- [uf_radio_X="Y"]текст[/uf_radio_X] — Выводит текст, если отмечена радиокнопка с именем X, содержащая значение Y.

Жду ваших отзывов!


+43
Просмотры: 3851 Комментарии (17)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Слон

  • 15 мая 2015 16:39
  • Регистрация: 14.10.2011
  • ICQ: --
  • Комментариев: 333
Все отлично. Давно подобное хотел на сайт.
Еще бы в таком же стиле форму обратной связи с пользователем, который разместил новость. Т.е. ,при просмотре полной новости, была форма связи с пользователем разместившим новость.

0

#2xfirst

  • 15 мая 2015 20:06
  • Регистрация: 11.11.2010
  • ICQ: --
  • Комментариев: 12
у меня на 10.2 не работает

0

#3ПафНутиЙ

  • 15 мая 2015 20:37
  • Регистрация: 8.03.2010
  • ICQ: 817233
  • Комментариев: 400
Слон,
Впринципе реализуемо, пишите сюда https://github.com/pafnuty/DLE-UniForm/issues/new

xfirst,
Что конкретно не работает, адрес сайта?

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

+3

#4Слон

  • 16 мая 2015 11:09
  • Регистрация: 14.10.2011
  • ICQ: --
  • Комментариев: 333
ПафНутиЙ,версия 1.1 уже есть? Или планируется?
А, прикреплять файлы в обратной связи это реализуемо? Или это уже БД надо подключать?

0

#5ПафНутиЙ

  • 16 мая 2015 12:17
  • Регистрация: 8.03.2010
  • ICQ: 817233
  • Комментариев: 400
Слон,
Версия 1.1 только в планах (Milestone)
Прикрепление файлов можно без БД организовать, если не требуется управление этими файлами в будущем.

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

+1

#6Слон

  • 16 мая 2015 13:39
  • Регистрация: 14.10.2011
  • ICQ: --
  • Комментариев: 333
Цитата: ПафНутиЙ
Прикрепление файлов можно без БД организовать, если не требуется управление этими файлами в будущем.

Ну, в принципе достаточно чтобы на почту отправлялась, а не хранилась на сайте.

0

#7ПафНутиЙ

  • 16 мая 2015 17:00
  • Регистрация: 8.03.2010
  • ICQ: 817233
  • Комментариев: 400
Слон,
в 10.5 наконец сменили mail.class на нормальный, можно сабмитить файлы на почту, это существенно упрощает реализацию.

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

+1

#8Слон

  • 16 мая 2015 17:48
  • Регистрация: 14.10.2011
  • ICQ: --
  • Комментариев: 333
Цитата: ПафНутиЙ
в 10.5 наконец сменили mail.class на нормальный, можно сабмитить файлы на почту, это существенно упрощает реализацию.

Да там не только это сменили...) Древовидные комментарии и новый тег [xfinput_X] - это я ждал пол десятилетия )

0

#9Слон

  • 17 мая 2015 14:28
  • Регистрация: 14.10.2011
  • ICQ: --
  • Комментариев: 333
Пафнутий, а как подключить поле {uf_field_textarea} в callback ?

0

#10ПафНутиЙ

  • 17 мая 2015 17:29
  • Регистрация: 8.03.2010
  • ICQ: 817233
  • Комментариев: 400
в email.tpl:
{uf_field_textarea}


в конфиг
required = textarea

если нужно чтобы поле было обязательным.

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

+1

#11Слон

  • 17 мая 2015 19:45
  • Регистрация: 14.10.2011
  • ICQ: --
  • Комментариев: 333
Прописал в email.tpl: {uf_field_textarea}, на почту приходит следующее:


В шаблоне email:

0

#12ПафНутиЙ

  • 17 мая 2015 23:02
  • Регистрация: 8.03.2010
  • ICQ: 817233
  • Комментариев: 400
[uf_field_textarea]<b>Сообщение:</b> {textarea}<br>[/uf_field_textarea]

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

+1

#13Слон

  • 18 мая 2015 00:42
  • Регистрация: 14.10.2011
  • ICQ: --
  • Комментариев: 333
Цитата: ПафНутиЙ
[uf_field_textarea]<b>Сообщение:</b> {textarea}<br>[/uf_field_textarea]

Спасибо. Получилось теперь.

0

#14hatab

  • 18 июня 2015 13:53
  • Регистрация: 14.10.2010
  • ICQ: --
  • Комментариев: 48
Ошибка сессии, попробуйте ещё раз. ...? в чем причина..., и как её испарвить

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

0

#15fanartur

  • 22 июня 2015 23:31
  • Регистрация: 19.12.2010
  • ICQ: --
  • Комментариев: 15
ПафНутиЙ,
Как изменить размер поля где вводить свой e-mail?
Не получается найти стиль в css

0

#16laik216

  • 28 июня 2015 13:59
  • Регистрация: 7.03.2011
  • ICQ: --
  • Комментариев: 26
  • Выкл.
А как добавить возможность отправки фала(картинки)?

0

#17redissx

  • 3 августа 2015 08:36
  • Регистрация: 12.09.2010
  • ICQ: --
  • Комментариев: 112
Большое спасибо. Все удобно и понятно сделано. Новая возможность инлайн сразу пригодилась.

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

0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

SkripTers.biz - Снова с вами

https://culabra.ru — Блог вЭбмастЭра

DCOReARTs.COM - Услуги веб-дизайна и графики

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Январь 2018 (48)
Декабрь 2017 (27)
Ноябрь 2017 (7)
Октябрь 2017 (10)
Сентябрь 2017 (4)
Август 2017 (4)

Последние комментарии:

Искать людей

Ваши переписки