Многостраничная форма онлайн заказа

Сообщение **sandvik** » 28 фев 2016, 17:22

Добрый день, форумчане.

Подскажите пожалуйста, как сделать многостраничную форму онлайн заказа? Т.е. хочется не размещать все пункты выбора на одной странице, а разбить их на 2-3 листа (интересует именно организация связи 1, 2 и 3-ей страницы)
Как здесь например http://polymake.by/onlayn-zakaz-pechati/ или здесь http://www.silvius.by/online/

Заранее благодарен.

Сообщение **Gudwinn** » 29 фев 2016, 00:45

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

Сообщение **sandvik** » 29 фев 2016, 16:13

Gudwinn, Благодарю за ответ. Решил так и попробовать реализовать, только вывел через лайтбокс. Полосу прокрутки убрал scrolling:'no'

Если у кого еще есть какие идеи - высказывайтесь, не стесняйтесь :)

Сообщение **nenadik** » 11 апр 2020, 19:22

я так делал.
1. создаешь слой, в свойствах включаешь форму и настраиваешь ее
2. в слое 1 создаешь еще слои-шаги, в которых нужные поля
3. во все слои добавляешь кнопку "следующий шаг" с событием скрыть предыдущий шаг и показать следующий
4. в слое последний шаг ставишь кнопку отправки формы.

PS если нужна проверка заполнения полей на всех шагах, а не только на финальном (а так будет в моем примере), можно заморочиться и сделать проверку. Гугли "калькуляторы"

PPS еще вариант через карусель реализовать, но меня там не устроила анимация переключения через стороннюю кнопку, а через кнопку пролистывания карусели коряво, так как ее нужно перекрывать кнопкой отправить на посленем шаге или чтото мутить с кодом)