Быстрый старт

Это вводная статья. Здесь указаны только минимальные настройки, необходимые для установки и запуска скрипта. Более подробно методы вызова скрипта, подготовки кнопок отображения модальных (всплывающих) форм или раскрытых, настройка цветового и стилевого оформления, событий формы рассмотрены в соответствующих разделах.

1. Скачиваем скрипты

В личном кабинете, после того, как Вы создали и настроили все формы для своего сайта, скачайте zip-архив со скриптами по ссылке «Все скрипты» , загрузите в корень сайта и распакуйте. У Вас должна появиться папка tbForm, в которой должны быть следующие файлы и папки:

datetimepicker-master	Для полей типа дата и время
jquery.datetimepicker.css
jquery.datetimepicker.full.js
jquery.maskedinput.min.js	Ввод телефона по маске
jquery.tbForm.min.js	Скрипт отображения форм
tbForm.css	CSS стили для форм и кнопок
tbForm_data.js	Данные для форм

2. Подключаем скрипты

Далее, необходимо подключить скрипты и файлы стилей. Находим закрывающий тег</head>, и перед ним прописываем (именно в этой последовательности!!!):

3. Подготовка

Создаем кнопки для отображения модальных форм (форма открывается при нажатии на кнопку):
<span class="my_button" data-tbform="M-XXX">Заказать звонок</span>

или div, если требуется отобразить раскрытую форму на странице:
<div class="tbForm" data-tbform="P-XXX"></div>

XXX - id формы, которую требуется отобразить

4. Используем