Все для DataLife Engine / DLE модули / Бесплатные / 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 (если у вас всплывающая панель).


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

feedback_form.zip [104,14 Kb] (cкачиваний: 699)
  • 60

Комментарии 54

Belka от 15 апреля 2016 16:03
Цитата: dle9.com
1. сначала на вашем месте проверил работоспособность скрипта на дефаулт шаблоне дле 11 ... так вы убедитесь, что дело не в вашем шаблоне, т.к. в версии 11 проблема может быть связана именно с js-скриптами.

2. если проблема всё такие есть, можно обратиться на форумы, где могут подсказать решение. Грубый вариант использовать старые js-скрипты от старой версии дле 10 файлы engine/classes/js/jquery.js и engine/classes/js/jqueryui.js заменить вместо новых, чаще всего только в них проблема



Просто я использую ДЛЕ 11 , вроде бы все настроил правильно , но мне все равно пишет мол Извините бла бла бла. Я и подумал может версия движка не подходящая)
dle9.com от 15 апреля 2016 15:33
Цитата: Belka
Подскажите как этот модуль оптимизировать под ДЛЕ 11

1. сначала на вашем месте проверил работоспособность скрипта на дефаулт шаблоне дле 11 ... так вы убедитесь, что дело не в вашем шаблоне, т.к. в версии 11 проблема может быть связана именно с js-скриптами.

2. если проблема всё такие есть, можно обратиться на форумы, где могут подсказать решение. Грубый вариант использовать старые js-скрипты от старой версии дле 10 файлы engine/classes/js/jquery.js и engine/classes/js/jqueryui.js заменить вместо новых, чаще всего только в них проблема
Belka от 15 апреля 2016 15:23
Подскажите как этот модуль оптимизировать под ДЛЕ 11
Belka от 15 апреля 2016 15:17
Цитата: limteam
у меня же обычный чёрный квадратик без надписи,

в contactable.css там где подгружает картинки допиши ../ должно получится
(../images/feeback.png)
dollar1981 от 2 мая 2015 15:40
Цитата: dle9
Цитата: dollar1981
Доброго времени суток. Поставил на DLE 10.4, форма работает норм, но не отправляются письма. Пишет что произошла ошибка при отправке письма.


Здравствуйте, ошибка в настройке данных емайл адреса

И еще, скажите как сделать чтобы окошко вызывалось не с помощью боковой кнопки, а с помощью кнопки расположенной на самой странице в центре? И само окно не выезжало с лева или с права, а всплывало по середине сайта?

это нужно переделывать весь скрипт, это уже к автору обращаться


Я прописал как раз где в инструкции указано сменить почту на свою, свой почтовый ящик. Яндекс почты.
dle9.com от 2 мая 2015 15:35
Цитата: dollar1981
Доброго времени суток. Поставил на DLE 10.4, форма работает норм, но не отправляются письма. Пишет что произошла ошибка при отправке письма.


Здравствуйте, ошибка в настройке данных емайл адреса

И еще, скажите как сделать чтобы окошко вызывалось не с помощью боковой кнопки, а с помощью кнопки расположенной на самой странице в центре? И само окно не выезжало с лева или с права, а всплывало по середине сайта?

это нужно переделывать весь скрипт, это уже к автору обращаться
dollar1981 от 2 мая 2015 14:55
Доброго времени суток. Поставил на DLE 10.4, форма работает норм, но не отправляются письма. Пишет что произошла ошибка при отправке письма.
И еще, скажите как сделать чтобы окошко вызывалось не с помощью боковой кнопки, а с помощью кнопки расположенной на самой странице в центре? И само окно не выезжало с лева или с права, а всплывало по середине сайта?
max80dnepr от 25 марта 2014 16:21
а забыл добавить что пути к картинкам в css файле должны быть тоже подправлены вот таким образом

url("../images/feedback.png");
max80dnepr от 25 марта 2014 16:17
Цитата: dle9
A-Jey,
1. Вариант браузер видит код JS старой установки , поэтому не видите. Решение очистить кеш, для проверки посомтреть в другом браузере.
2. Обратите внимание на установку использовать приходится другие файлы, возможно где-то допущена ошибка.
например: файл contactable.css должен находится в папке Ваш шаблон/contactable/contactable.css
скрипты тоже необходимо добавить в папку contactable в вашем шаблон

Неверное решение css как js необходимо ложить в соответствующие папки то есть templates/default/css и templates/default/js dle 10.1
max80dnepr от 25 марта 2014 16:13
Цитата: max80dnepr
А подскажите пожалуйста шо надо удалить что бы осталась одна панель с кнопкой потомму как ваша форма не работает

Фух ура разобрался у тех у кого кракозаблы или не отправляются письма
необходимо :

путь указать так

url: '/mail.php'

и соответсвенно положить этот mail.php в корень сайта

в mail.php указать кодировка ANSII и будет вам счастье всем спс
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent