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

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

ОБСУЖДЕНИЕ

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

Фиксированная форма обратной связи
Просмотров: 7463  Скачан: 382 раз  Комментариев в теме: 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.

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

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

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

Стильный комплект форм «Zi-4-Forms»Стильный комплект форм «Zi-4-Forms»

Zi-4-Forms - это комплект форм использующий CSS3, комплект состоит с формы входа, регистрации, восстановления пароля, контактная форма....

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

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

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

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

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

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

Набор плоских форм «Formicon Flat Forms Pack»Набор плоских форм «Formicon Flat F...

Formicon Flat Forms Pack - это набор плоских форм, построенных на Bootstrap 3.0. Набор содержит в себе различные формы и все они имеют разные стили...

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

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

Вертикальное меню на css (Аккордеон)Вертикальное меню на css (Аккордеон)

Вертикальное меню аккордеон на css, хорошо подойдёт сайту информационного характера......

Sngine v1.6 и v1.8Sngine v1.6 и v1.8

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

Новостной слайдер «Lof JSliderNews 2.0»Новостной слайдер «Lof JSliderNews 2.0»

Неплохой новостной слайдер, отлично подойдёт для вывода последних новостей на сайте, в слайдере есть дополнительная панель с миниатюрами......

Kenburner слайдерKenburner слайдер v1.1

Сочетание в слайдере красивого дизайна, анимации текста и различных эффектов, приятно выделяет его среди подобных плагинов....

Слайд эффект с помощью JavaScriptСлайд эффект с помощью JavaScript

Эффект в виде слайда, реализован с помощью javascript...

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

Красивое разноцветное меню (Аккордеон.

Super Changer v2.1Super Changer v2.1

SuperChanger - это адаптивный журнальный шаблон для wordpress. Основным преимуществом шаблона является разнообразие цветовых стилей оформления......
  • Текущий 1.00/5
  • 1
  • 2
  • 3
  • 4
  • 5

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

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

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


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