DataLife Engine / Feedback AJAX для DLE Обратной связи

Feedback AJAX для DLE Обратной связи



Скрипт модального окна DLE Форма обратной связи на jQuery AJAX для UTF-8 и Windows-1251. После долгих просьб автор решил поделиться со всеми скриптом универсальной формы Обратной связи на AJAX со встроенной проверкой полей формы на валидность и подойдет для любого сайта на любом движке, или даже на чистом html.

Реализация формы модуль dle обратной связи на AJAX таким образом, когда ссылка на нее присутствует на каждой странице сайта и всегда в зоне видимости, очень удобна, а посетителям не придется долго её искать. Так же в эту форму можно добавить любые ваши контактные данные, например, ICQ, телефон или skype, в общем, все что захотите.

Установка модуль обратной связи универсальный скрипт Feedback AJAX для DLE Обратной связи

1. Скачиваем архив с версии UTF-8 и Windows-1251
2. Залить на сервер можно как угодно но я делал так. Путь: engine/modules/other/ (папку other создаем сами)
3. Закидаем туда папку feedback_form
4. В шаблоне main.tpl между тегами head и head вставляем следующий код:

<link rel="stylesheet" href="http://ваш-домен/engine/modules/other/feedback_form/style/feedback_form.css" type="text/css" />


Не забывает указать свой домен

5. В шаблоне main.tpl ПОСЛЕ открывающего тега

<body>


вставляем следующий код:

<div id="contactable"><!-- contactable html placeholder --></div>


6. В шаблоне main.tpl ПЕРЕД закрывающим тегом

<body>


вставляем следующий код:

<!--start feedback_form_script  --><script type="text/javascript" src="http://ваш-домен/engine/modules/other/feedback_form/script_js/jquery_1.7.7_min.js"></script><script type="text/javascript" src="http://ваш-домен/engine/modules/other/feedback_form/script_js/jquery_validate_min.js"></script><script type="text/javascript" src="http://ваш-домен/engine/modules/other/feedback_form/script_js/jquery_feedback_form.js"></script><script type="text/javascript">$(function(){$('#contactable').contactable();});</script><!--end feedback_form_script -->


Не забывает указать свой адрес src="http://ваш-домен/

*Очень важный момент если в адресной строке написано ваш-домен, а адреса к файлам www.ваш-домен/бла-бла форма будет отправлять письма но будет уведомлять об ошибке.

* Еще одно, если у вас уже подключена библиотека jQuery (а в большинстве случаев это так), то второй раз подключать ее нельзя. В таком случае в коде выше надо убрать строку:

<script type="text/javascript" src="http://www.сайт.ру/engine/modules/other/feedback_form/script_js/jquery_1.7.7_min.js"></script>


Не забывает указать свой домен

7.Открываем файл jquery_feedback_form.js и находим там следующий код:

(function($){    //define the new for the plugin ans how to call it        $.fn.contactable = function(options) {        //set default options          var defaults = {            url: 'engine/modules/other/feedback_form/script_php/feedback_form.php',            name: 'Как Вас называть?',            email: 'Куда прислать ответ?',            message : 'Текст сообщения',            subject : 'Письмо из формы обратной связи',            page : location.href,            submit : 'Отправить сообщение',            recievedMsg : 'Сообщение успешно отправлено в службу поддержки.',            notRecievedMsg : 'Извините, но при отправке письма произошла ошибка, попробуйте позже',            disclaimer: 'Ваш запрос будет обработан в течении 3 дней. На уазанный электронный ящик будет отправлено, автоматическое, сервисное сообщение информируя о том, что Ваш запрос нами получен.',            hideonsubmit: true        };


Как минимум нам надо изменить для переменной url путь к директории на вашем сервере. Если заливали по другому.

8. Открываем файл feedback_form.php и находим там следующий код:

//send the email        mail('что-то@шляпа.ру', $subject, $contactMessage, $headers);        echo('success'); //return success callback?>


Здесь вам необходимо прописать свой контактный e-mail, на который будут сыпаться письма. То есть заменяем что-то@шляпа.ру на свой ящик.
Переменная $contactMessage содержит шаблон письма, которое вы будет получать. По умолчанию в шаблоне присутствуют имя и ящик отправителя, само сообщение, страница с которой было отправлено письмо и IP адрес. Все это можете отредактировать как вам захочется.

9. Все установка закончена !

Форма обратной связи с капчей уже не рулит, потому что данный скрипт работает только при включенном jаvascript, а у ботов он выключен, соответственно пользователям никакую капчу вводить не придется, а у вас не будет спама.
После установки у вас может возникнуть проблема с кодировкой, поэтому проследите, что вы скачали подходящий архив (я специально подготовил две версии для скачивания). Сохраняйте файлы после редактирования в правильной кодировке (в большинстве случаев принудительно указывать кодировку не придется, но мало ли).
На вопрос «А как сделать чтобы это было справа, а не слева?» отвечаю сразу — исходники открыты, колупайте на здоровье!
Да, эта форма обратной связи не поддерживает аттачи. Но я считаю, что этого и не надо.
Пока все, но я буду добавлять сюда интересные вопросы из ваших комментариев, чтобы другие их больше не задавали ;)

Feedback AJAX модуль обратной связи dle
«Автор:» alaev info
Подготовил к использованию для DLE :

Данный вариант без PHP файла feedback_form.php, после установки проверьте нет ли проблем в регистрацией или авторизацией пользователей на дле 9.7 (если у вас всплывающая панель).
 Установка формы обратной связи для DLE 9.4-9.7


Рекомендуем скачать универсальный скрипт Feedback AJAX для DLE Обратной связи

feedback_form.zip [104,14 Kb] (cкачиваний: 677)
10-05-2019, 10:01
Вернуться назад