Мы в твиттере Мы в телеграме!

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

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

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно 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.

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

Missing update?
Checkout our NULLED Web Community


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


+42
Просмотры: 7 384 :: Комментарии (17) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Слон

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

#2xfirst

  • 15 мая 2015 20:06
  • Регистрация: 11.11.2010
  • Был(а) онлайн: 27.08.2017
  • Комментариев: 12
  • -1
у меня на 10.2 не работает

#3ПафНутиЙ

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

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

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

#4Слон

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

#5ПафНутиЙ

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

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

#6Слон

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

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

#7ПафНутиЙ

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

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

#8Слон

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

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

#9Слон

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

#10ПафНутиЙ

  • 17 мая 2015 17:29
  • Регистрация: 8.03.2010
  • Был(а) онлайн: 27.01.2021
  • Комментариев: 400
  • 0
в email.tpl:
{uf_field_textarea}


в конфиг
required = textarea

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

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

#11Слон

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


В шаблоне email:

#12ПафНутиЙ

  • 17 мая 2015 23:02
  • Регистрация: 8.03.2010
  • Был(а) онлайн: 27.01.2021
  • Комментариев: 400
  • 0
[uf_field_textarea]<b>Сообщение:</b> {textarea}<br>[/uf_field_textarea]

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

#13Слон

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

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

#14hatab

  • 18 июня 2015 13:53
  • Регистрация: 14.10.2010
  • Был(а) онлайн: 2.05.2024
  • Комментариев: 63
  • -1
Ошибка сессии, попробуйте ещё раз. ...? в чем причина..., и как её испарвить

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

#15fanartur

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

#16laik216

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

#17redissx

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

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

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

Архив новостей
Май 2024 (2)
Апрель 2024 (20)
Март 2024 (18)
Февраль 2024 (27)
Январь 2024 (11)
Декабрь 2023 (12)
Друзья сайта