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

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

ОБСУЖДЕНИЕ

Форма обратной связи (php, html)

Фиксированная форма обратной связи
Просмотров: 6067  Скачан: 334 раз  Комментариев в теме: 0

Фиксированная форма обратной связи на php, html, а если быть точнее то это jquery плагин Contactable v1.5, который работает на AJAX и имеет встроенную проверку полей на валидность, в скрипте есть возможность отправлять сообщение по теме (техподдержка, жалоба и т.д). Форма фиксируется с левой стороны страницы, при клике по кнопке, форма раскрывается, далее можно вводить и отправлять сообщение, это очень удобно, таким образом пользователь без каких либо усилий может обратиться к вам на прямую с любой страницы вашего сайта.

Шаг 1 - создание разметки

 

HTML

<div id="my-contact-div"></div>

Шаг 2 - подключение стилей

 

CSS

<link rel="stylesheet" href="css/style.css" type="text/css" />

Шаг 3 - подключение JavaScript

 

JS

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery.contactable.js"></script>
<script type="text/javascript">
jQuery(function(){
    jQuery('#my-contact-div').contactable(
    {
        subject: 'feedback URL:'+location.href,
        url: 'mail.php',
        name: 'Имя',
        email: 'Ваш Email',
        dropdownTitle: 'Тема',
        dropdownOptions: ['Техподдержка', 'Жалоба', 'Разное'],
        message : 'Ваше сообщение',
        subject : 'Сообщение с вашего сайта',
        submit : 'Отправить',
        recievedMsg : 'Спасибо за ваше сообщение',
        notRecievedMsg : 'Извините, но ваше сообщение не может быть послано, попробуйте ещё раз',
        disclaimer: 'Пожалуйста, не стесняйтесь обращаться к нам, мы оцениваем Ваше сообщение',
        hideOnSubmit: true
    });
});
</script>

Что-бы форма полноценно заработала, вам нужно указать свой Email, это делается в файле mail.php. Открываем файл, находим строку (mail@mail.ru) и заменяем её на свой Email, вот собственно и все, форма обратной связи готова к работе. Если же вы хотите изменить надписи и т.д, то полноценная настройка производится в файлах mail.php и jquery.contactable.js.

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

Обратная связь на JQuery, PHP и MySQLОбратная связь на JQuery, PHP и MyS...

Красивая форма обратной связи на PHP/JQuery и MySQL. В форме реализована проверка полей, сообщение об ошибке и база данных для хранения присылаемых ва...

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

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

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

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

Фиксированная форма обратной связи на PHP и jQueryФиксированная форма обратной связи ...

Довольно простая форма обратной связи без капчи, проверки полей, сообщений об ошибке и всего прочего......

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

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

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

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

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

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

Горизонтальное анимированное меню на css3Горизонтальное анимированное меню на css...

Горизонтальное меню на css3 с замечательным эффектом....

Аккордеон изображенийАккордеон изображений с помощью css3

Красивый горизонтальный аккордеон для вывода изображений на сайте....

Оригинальная анимационная контактная формаОригинальная анимационная контактная фор...

Оригинальная анимационная контактная форма, в довольно привлекательном стиле. Форма представлена в виде открытого конверта, при наведении курсора мыши...

Black and WhiteBlack and White

Black and White - современная премиум тема для wordpress в стиле минимализм и мощным функционалом....

Сборка кнопок #2 на css3Сборка кнопок #2 на css3

В сборку вошли 12 неплохих кнопок на css. Кнопки работают в браузерах OPERA, Firefox, Chrome, IE....

Текстовый слайдерТекстовый слайдер

Простой текстовый слайдер с прокруткой влево, вправо, не плохо подойдёт для вывода кратких новостей. Имеется три вида слайдера...

The RockThe Rock

Превосходный html шаблон рок сайта, можно также использовать его как сайт распространяющий билеты на рок концерты, на главной странице расположен слай...
  • Текущий 1.00/5
  • 1
  • 2
  • 3
  • 4
  • 5

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

Комментариев в теме: (0)

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


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