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

Мы в твиттере Наша страничка на FaceBook! Сообщество вебмастеров в VK Мы в телеграме!

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

Просмотры: 4289 :: Комментарии (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: --
  • Комментариев: 50
Ошибка сессии, попробуйте ещё раз. ...? в чем причина..., и как её испарвить

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

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
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

mp3live.co - Рингтоны 2018 скачать

Telegram: @haylock_chat - Узнай как открыть свой бизнес бесплатно и как можно заработать.

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

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

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

Наши баннеры
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Нужна ли категория "Интернет магазины"?

Да
Нет

Архив новостей
Август 2018 (346)
Июль 2018 (414)
Июнь 2018 (377)
Май 2018 (496)
Апрель 2018 (345)
Март 2018 (391)

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

  • Скрипты, cms, шаблоны, статьи по раскрутке
  • Яндекс.Метрика

Искать людей

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