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

Категория: Модули DLE » Модуль для DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
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. Все установка закончена !

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

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

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


Рекомендуем скачать универсальный скрипт Feedback AJAX для DLE Обратной связи
  • 60
Рубрика: DLE модули » Бесплатные
Ранее » Модуль dle Reputationbar 2.0 репутация модуля thanks 2.0« Далее Modules DLE sitenews 1.2 "Новости сайта" 1.2 by KaSeo
Добавление комментарияОставить комментарий
  • № :54
  • 15 апреля 2016 16:03
Цитата: dle9.com
1. сначала на вашем месте проверил работоспособность скрипта на дефаулт шаблоне дле 11 ... так вы убедитесь, что дело не в вашем шаблоне, т.к. в версии 11 проблема может быть связана именно с js-скриптами.

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



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

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

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

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


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

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

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


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


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

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

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

url("../images/feedback.png");
  • № :46
  • 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
  • № :45
  • 25 марта 2014 16:13
Цитата: max80dnepr
А подскажите пожалуйста шо надо удалить что бы осталась одна панель с кнопкой потомму как ваша форма не работает

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

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

url: '/mail.php'

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

в mail.php указать кодировка ANSII и будет вам счастье всем спс
  • № :44
  • 25 марта 2014 13:53
А подскажите пожалуйста шо надо удалить что бы осталась одна панель с кнопкой потомму как ваша форма не работает
  • № :43
  • 21 февраля 2014 01:35
Все работает. ОТЛИЧНО!!!!
  • № :42
  • 22 июля 2013 11:26
в main.tpl добавляем следующий код к стилям
<!--start contactable js -->
<link rel="stylesheet" href="{THEME}/contactable/contactable.css" type="text/css" />
<script type="text/javascript" src="{THEME}/contactable/jquery.validate.min.js"></script>
<script type="text/javascript" src="{THEME}/contactable/jquery.contactable.js"></script> <script type="text/javascript">$(function (){$('#contactable').contactable ();});</script> <!--end contactable js -->



а после {Ajax} или < body > в этот же main.tpl
вставляем код
<div id="contactable"><!-- contactable html placeholder --></div>

Вроде все.

Если почта не работает сморите настройки в админ панели движка настройки скрипта Настройки E-Mail для сравнения параметров используйте настройки чистого движка
  • № :41
  • 22 июля 2013 11:25
Цитата: verazon
Еще раз здравствуйте, заметила, что с сайта вообще никакие письма не приходят. Хотя в настройках сайта все стандартно. К примеру можете что нибудь посоветовать. Спасибо.

Добрый день,
проверил модуль, работает как часы.
Версия движка 9.8 проверял на хостинге, шаблон Default (если не получается лучше сделать также, потом уже проверять только на своем шаблоне)
Обязательно создаем папку contactable
туда добавляем файлы jquery.contactable.js, jquery.validate.min.js, contactable.css
Файл mail.php добавляем к модулям движка в папку /engine/modules/mail.php

в самом файле, только в конце меняем на свой емаил адрес (проверял на Гугле gmail com)

в файле jquery.contactable.js должно быть таким
url: '/engine/modules/mail.php',
это важно, т.к. в файле там указан домен, тогда модуль не заработает. Его надо отредактировать остальное не чего не трогать
  • № :40
  • 17 июля 2013 21:41
Еще раз здравствуйте, заметила, что с сайта вообще никакие письма не приходят. Хотя в настройках сайта все стандартно. К примеру можете что нибудь посоветовать. Спасибо.
  • № :39
  • 12 июля 2013 22:56
Если на денвере работает значить настройки шаблона и файлов правильно ввели...
Будет время проверю на одном сайте, пока могу подсказать
Внимание! У вас нет прав для просмотра скрытого текста.
откуда инфа
  • № :38
  • 12 июля 2013 21:26
перепроверила, все прописано корректно, как в уроке, почтовый ящик так же проверен. ( его прописывать нужно только в main ? или еще где? ) Кодировка UTF-8 без чего то там.
  • № :37
  • 12 июля 2013 19:22
Получается на денвере с движок аналогичной версии все работает, а хостинге письма при отправке теряются?
При отправке в денвере даже при ошибке с вашими данными которые нужно указать в файлах выше письма все ровно будут отправляться в папку !sendmail.
Вам нужно удостовериться в грамотности заполнения ваших данных в файлах (возможно проверить кодировку)
1. Открываем файл jquery.contactable.js и находим там следующий код:
и почтового адреса
2. Открываем файл mail.php и находим там следующий код:
  • № :36
  • 12 июля 2013 16:48
Забыла сказать, на денвере письма приходят в !sendmail
  • № :35
  • 12 июля 2013 16:04
у меня кодировка UTF-8 , я скачала файл
contactable.zip , ситуация исправилась за счет изменения значения <
textarea id="message" name="message" class="message" rows="10" cols="30" ></textarea>

теперь кнопку видно, но к сожалению письма не доходят.
  • № :34
  • 12 июля 2013 13:36
Второй способ с данными файлами contactable_cp1251, лучше уточнить?
Вы проверьте результат и установку на стандартном шаблоне , мне не известны стили вашего шаблона, а после будет видно.
  • № :33
  • 12 июля 2013 12:00
Цитата: dle9
Добрый день, там два варианта вы какой применили. Проверьте на шаблоне от движка в вашем шаблоне стиль могут изменить нормальное отображение кнопки

Я выбрала второй вариант установки. А в вопросе стиля в шаблоне немного плаваю, как должна выглядеть строчка? Спасибо.
  • № :32
  • 12 июля 2013 07:36
Добрый день, там два варианта вы какой применили. Проверьте на шаблоне от движка в вашем шаблоне стиль могут изменить нормальное отображение кнопки
  • № :31
  • 11 июля 2013 22:17
Здравствуйте, установила я вроде бы правильно, хотя в этом вопросе начинающий. Проблема в том , что не показывается кнопка отправить сообщение. То есть заканчивается окном сообщения. Прошу помощи, спасибо! Версия DataLife Engine: 9.6
  • № :30
  • 27 июня 2013 18:03
Цитата: Эдвард
Здравствуйте.Все работало норм,потом письма перестали приходить.Я и ящик пробовал менять,не помогает.Но пишет письмо отправлено.

Здравствуйте, обновление движка не делали? должна быть причина, пробуйте проверять на разных браузерах и версиях (ниже)
  • № :29
  • 27 июня 2013 15:25
Здравствуйте.Все работало норм,потом письма перестали приходить.Я и ящик пробовал менять,не помогает.Но пишет письмо отправлено.
  • № :28
  • 12 июня 2013 13:35
Ну, вот видите вариант ниже для определенной версии был разработан, т.к. что есть вероятность, что с 9.8 может не так работать, другой вариант более универсальный

Поэтому, делают так ставят Денвер тестируют на своей версии, после запускают на выше и т.д.

Ещё как вариант попробовать стандартный шаблон, тогда можно исключить проблема с скриптом вашего шаблона
  • № :27
  • 12 июня 2013 12:21
Версия dle 9.8. Скрипт стоит на хостинге. Денвер не ставил. Другую обратную связь не хочу. Именно этот интересен!!!
  • № :26
  • 12 июня 2013 10:47
1. вы какой вариант используете, сообщения выше читали?
2. версия движка может иметь значение
если вам сложно есть проще вариант
смотрите слева колонку Похожие новости
Вторая форма обратной связи DLE хак (стол заказов)
  • № :25
  • 12 июня 2013 09:40
Я по инструкции всё сделал, указал пути и почту, куда будет приходить письма. Пишет, что отправлено, но письма не доходят! Что за гемор??? :(