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

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

ОБСУЖДЕНИЕ

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

Форма обратной связи с админкой
Просмотров: 3466   Комментариев в теме: 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 и JQuery. В форме имеется прогресс бар показывающий пользователю процесс заполнения формы....

Красивая форма обратной связи на PHP, CSS, JQueryКрасивая форма обратной связи на PH...

Красивая форма обратной связи на php css и jquery, к форме применены плагины formValidator (для проверка введённых значений), jQTransform (для стилиз...

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

Красивая форма обратной связи для вашего сайта на php, ajax и js. Форма может похвастаться капчей, проверкой полей формы на валидность и сообщениях об...

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

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

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

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

3D Контактная форма на css33D Контактная форма на css3

Красивая контактная форма в довольно оригинальном стиле. Контактная форма имеет вид почтового конверта, когда вы кликаете по нём, он......
Интересные публикации:

Games ThemeGames Theme

GamesTheme - мощная игровая тема для WordPress, в тёмном оформлении, тема полностью кроссбраузерная, seo оптимизированная......

ConsultingConsulting

Красивый html шаблон с прекрасной графикой, иконками и меню, хорошо подойдёт для бизнес проекта, в шаблоне имеется необычный слайдер......

Прозрачный аккордеон с помощью css и jqueryПрозрачный аккордеон с помощью css и jqu...

Прозрачный вертикальный аккордеон, с плавным эффектом раскрытия......

ZeniZeni

Красивый шаблон построенный на html5 для блога или портфолио, на главной странице расположен привлекательный слайдер......

Галерея на jQueryГалерея на jQuery

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

Социальные кнопки с помощью cssСоциальные кнопки с помощью css

Социальные кнопки с применением иконического шрифта....
  • Текущий 3.08/5
  • 1
  • 2
  • 3
  • 4
  • 5

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

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

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

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

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

Страницы: 1

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


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