Реализация выезжающей формы

Веб-программированиеЗакрыт4 заявки148 просмотров
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Необходимо сделать по клику выезжающую с левого края форму, по аналогии с формой на сайте https://tesser.ru/ (нажмите записаться к дизайнеру)

https://yadi.sk/i/xd8cHIxh3LtqzB

Из полей оставляем только "Ваше имя", "Номер телефона" и "E-mail".

Размер шрифта, цвет бордюров и текста нужно изменить, чтобы не было 1 в 1.

Отступы, заголовки можно взять аналогичные, я потом сам исправлю.

Фон сайта можно также приглушить при открытии формы. Кликом вне формы закрываем её.

По клику на кнопку "Записаться" форма с данными должна отправляться AJAX запросом. (Скрипт потом впишу сам).

Во время отправки блокируем или скрываем кнопку, чтобы не отправили случайно много раз, можно так же показать бегунок отправки. По результатам отправки в том же окне формы показываем фразу результата, что-то вроде "Спасибо что записались к дизайнеру на раскладку плитки. Мы с вами свяжемся в ближайшее время."

Должно работать на jQuery не старше 1.3.2 и jQuery UI не старше 1.7.3, ну или чистом js.

JavascriptjQueryAjax
7 лет назад
AndreyAney
Андрей 
42 годаРоссия
13 лет в сервисе
Был
6 месяцев назад