background
ПОСЛЕДНИЕ ПУБЛИКАЦИИ
ПОДПИСКА
Будь В Курсе
Подпишись, и получай эксклюзивные обновления на свой E-Mail:

Ваш E-Mail полностью защищён

ОБСУЖДЕНИЕ

Форма обратной связи с админкой на PHP, JS, MySQL, AJAX

Форма обратной связи с админкой
Просмотров: 4089   Комментариев в теме: 5

Универсальная форма обратной связи написанная на PHP, JS, CSS, MySQL, AJAX для сайта. Форма довольно гибкая в возможностях, с помощью админки вы настроите форму так, как вам будет угодно, и для этого не нужно знать такие языки программирования как: PHP, JS, MySQL и т.д. Форма устанавливается в два клика и превосходно подгоняется под различные сайты.

Особенности скрипта обратной связи:

- 1. Можно создавать неограниченное количество полей

- 2. Можно задавать подписи к полям (когда поле пустое)

- 3. Можно делать поля обязательными для заполнения или нет (обязательные поля будут отмечаются звёздочкой)

- 4. В случае если вы создали новое поле и хотите его вывести выше или ниже уже имеющегося поля, тем самым не переписывая остальные поля заново, в таком случае это не проблема, в админке это сделается очень просто.

- 5. Можно выводить Checbox

- 6. Можно выводить Radio

- 7. Можно выводить Slider (довольно широкие настройки)

- 8. Можно выводить Select

- 9. Можно вывести календарь (выбор даты)

- 10. Можно прикреплять несколько файлов (задавать допустимый размер прикрепляемым файлам)

- 11. Есть валидация на корректность вводимых данных и сообщение о допустимых ошибках

- 12. Есть капча (защита от спама), можно включать и отключать

- 13. Разумеется можно указать адрес получателя (это адрес на который будут приходить письма)

- 14. Изменять имя и пароль администратора (это логин и пароль входа в админку)

- 15. Указывать непосредственно с админки название страницы (это название которое определяется браузером по умолчанию)

- 16. Указывать заголовок к форме (это текст который находится в самом верху формы)

- 17. Задавать краткое описание (это надпись которая выводится ниже заголовка формы)

- 18. Указывать название кнопки (это надпись той самой кнопки на которую вы нажимаете при окончании заполнения всех полей формы, то есть кнопка "Отправить сообщение)

- 19. Можно изменять текст уведомления по завершению (это текст который всплывает после успешной отправки сообщения, например " Спасибо за ваше сообщение, мы вам в скором времени ответим")

- 20. Технология AJAX, благодаря которой весь процесс происходит без перезагрузки страницы.)

- 21. База данных устанавливается в автоматическом режиме, вы лишь указываете свои данные.

- 22. Форма полноценно работает в браузерах Opera, Yandex, Chrome, Firefox, IE8 и выше.

- 23. Для работы формы обратной связи требуется версия PHP 5.x.

После вышеперечисленного можно понять, что форма довольно универсальна и не ограничивается только отправкой писем.

Установка формы обратной связи

1. Распаковываем архив в туже папку где находится ваша страница на которой будет выводится форма.

2. В самом начале страницы перед тегом <html> вставляем вот это:

<?php
include_once('config/config.php');
mysql_query('SET NAMES cp1251');
mysql_query('SET CHARACTER_SET cp1251');
$check_table = mysql_query("SELECT * FROM flexible_settings");
if ($check_table){
}else{
header('Location: ./install/');
die();
}
$num1 = rand(1,10); $num2 = rand(1,10); $total = $num1 + $num2;$submitted = false;
$get_info = mysql_query("SELECT * FROM flexible_settings WHERE id='1'");
$row_info = mysql_fetch_array($get_info);
$fields = mysql_query("SELECT * FROM flexible WHERE flexible_enabled = 1 ORDER BY flexible_order ASC");
?>

3. Между тегами <head> и </head> размещаем вот это:

<link type="text/css" href="style/all.css" rel="stylesheet" media="all" />
<link type="text/css" href="admin/css/all.css" rel="stylesheet" media="all" />
<link type="text/css" href="style/jquery-ui.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/icheck.js"></script>
<script type="text/javascript" src="js/jquery.selectric.js"></script>
<?php
    $q = mysql_query("SELECT * FROM flexible WHERE flexible_enabled='1' AND flexible_type='file'");
    $s = mysql_query("SELECT * FROM flexible WHERE flexible_enabled='1' AND flexible_type='slider'");
    if (mysql_num_rows($q) != 0){
?>
<link href="js/uploadify/uploadify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/uploadify/swfobject.js"></script>
<script type="text/javascript" src="js/uploadify/jquery.uploadify.v2.1.4.js"></script>
<?php
}
?>

4. В том месте где будет выводится контактная форма размещаем вот это код:

<?php include('functions.php');?>

Сейчас ниже вы видите три строки которые вы можете использовать где вам угодно:

1. Это строка отвечает за название страницы, её можно вставлять между тегами <title> и </title> в последствии вы с админки можете задавать название страницы на которой расположена форма.

<?php echo $row_info["page_title"];?>

2. Это строка отвечает за текст расположенный вверху формы (заголовок).

<?php echo $row_info['title'];?>

3. Это строка отвечает за краткое описание (это тот текст который расположен ниже заголовка).

<?php echo $row_info['small_desc'];?>

Все эти строки вы можете вставлять куда вам будет угодно, независимо в каком порядке они будут расположены, везде где они будут вставлены, выводится текст, который вы укажите в панели администратора.

На этом установка формы обратной связи закончена.

Хотелось бы добавить, если будите менять расположение файлов касательно страницы на которой располагается форма обратной связи, не забывайте прописывать правильно пути к ним. Также не стоит забывать о подводных камнях на которые можно случайно напороться, это может быть что угодно, чаше всего это конфликты скриптов (JavaScript), или проблема с кодировкой, например форма может не работать из-за несовместимости версий JQuery, на данный момент форма работает с версией JQuery 1.7, хоть и с каждым выходом новой версии JQuery, поддерживается старая, на деле это выглядит совершенно иначе.

Также могут появиться и другие проблемы, тут гадать бесполезно, ведь никто не знает как у вас на сайте всё устроено, кроме вас самих.

Собственно о покупке данного скрипта прошу обращаться через контактную форму расположенную в разделе контакты, там же вы можете наблюдать эту форму в действии, что касается стоимости скрипта то она составляет 5$, уверяю вас за меньшую цену, скрипт с таким функционалом вы нигде не найдёте.

Материалы по теме:

Прозрачная контактная форма на css3Прозрачная контактная форма на css3

Прозрачная контактная форма на CSS3 в тёмном стиле. В форме реализована проверка полей......

Стильная форма пошаговой установкиСтильная форма пошаговой установки

Это комплект пошаговой установки, которая состоит из четырёх этапов и включает в себя проверку полей....

Контактная форма (дизайн)Контактная форма (дизайн)

Неплохой дизайн контактной формы, если у вас туго с воображением или вы в душе не дизайнер, то можете воспользоваться этой формой, как вариант вполне ...

Фиксированная форма обратной связи «Contactable 1.5»Фиксированная форма обратной связи ...

Стильная форма обратной связи, а если быть точнее то это jquery плагин Contactable v1.5, который работает на AJAX и имеет встроенную проверку полей на...

Форма регистрации html с валидациейФорма регистрации html с валидацией

Форма регистрации на сайте это неотъемлемая его часть, но ведь не менее важен и дизайна формы, в данном примере......

Обратная связь на PHP и JQuery «LightForm»Обратная связь на PHP и JQuery «Lig...

Стильная обратная связь ( LightForm) на PHP, Ajax и JQuery. Форма использует FormCheck2 для проверки полей , NiceForms для стилей текстовых полей и.....

Прозрачная форма регистрации с прогресс баромПрозрачная форма регистрации с прог...

Стильная прозрачная форма регистрации на css3 и JQuery. В форме имеется прогресс бар показывающий пользователю процесс заполнения формы....
Интересные публикации:

Кнопка вкл/выкл (checkbox) на CSS3Кнопка вкл/выкл (checkbox) на CSS3

Привлекательная кнопка с ряда (checkbox), как все вы наверное уже догадались, кнопка имитирует реалистично кнопку включения....

Valenti v1.1.8Valenti v1.1.8

Многофункциональная журнальная тема с полной адаптивной вёрсткой для WordPress....

Вертикальное разноцветное меню на css3Вертикальное разноцветное меню на css3

Вертикальное меню в разноцветном стиле, полностью на css3, имеет два стиля (плавное раскрытие и с эффектом подёргивания)....

Стильная форма пошаговой установкиСтильная форма пошаговой установки

Это комплект пошаговой установки, которая состоит из четырёх этапов и включает в себя проверку полей....

Функциональный слайдер «bxSlider»Функциональный слайдер «bxSlider»

Отличным слайдер с очень богатым функционалом, а если быть точнее, то это широко известный плагин «bxSlider», плагин постоянно усовершенствуется......

Слайдер (слайд-шоу) на css и jqueryСлайдер (слайд-шоу) на css и jquery

Довольно простой слайдер с предусмотренным слайд-шоу, если вам нужно, что-то простое, без каких либо наворотов (дополнительных панелей, кнопок и т.д)...
  • Текущий 2.92/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 2.9/5( Голосов 13 )

Комментариев в теме: (5)
↑ 0 ↓
Валерий
1. Можно ли увидеть демонстрацию работы формы
2. Сайт без админки и базы. Работать будет?
Ответить Ответ с цитатой
↑ 0 ↓
ADMIN
Прокомментировано пользователя: Валерий
1. Можно ли увидеть демонстрацию работы формы
2. Сайт без админки и базы. Работать будет?

Форму можно увидеть на скринах, ничего другого в админке вы не увидите.
Если ваш сайт прям вообще без MySQL, то тут предаётся один фиг иметь на сервере MySQL и уже при установке скрипта создать бд для админки (это делается за 1 мин) вам лишь потребуется ввести в инсталятор скрипта свои данные от вашей бд. Так что без бд работать скрипт не будет.

Ответить Ответ с цитатой
↑ 0 ↓
lexs
Отличный скрипт за такие деньги, единственное, в чем была проблема так это в кодировке. Но это уже мелочи.
Ответить Ответ с цитатой
↑ 0 ↓
Александр
А вы поможете с установкой?
Ответить Ответ с цитатой
↑ 0 ↓
ADMIN
да конечно, напишите мне в контакты.

Ответить Ответ с цитатой

Страницы: 1

Авторизация:
YandexGoogleVKMail.ruTwitterFacebookOdnoklassniki


Ваше имя:
Сайт:
Ваша почта:
RSS
Комментарий:
Введите символы:
captcha
Обновить