Как сделать визард анкетирования next/back без jquery?

Question

[xmoonlight]

Всем привет.
Вот есть сайт и на нем визард с тучей страниц (и кнопками next и back).
Как сделать подобное максимально просто или есть готовые для этой задачи CMS?
Главное, чтобы не менялся URL вверху страницы!
Всем, Спасибо.

Answer 1

[Денис Инешин]

jQuery тут вообще не причем, можно и на обычном JavaScript. Причем может быть несколько стратегий.

По проще:
1. Разбиваем огромную форму на части
2. Куски скрываем через CSS: {display: none}
3. Кнопки вперед/назад, просто скрывают предыдущий кусок формы и делают видимым следующий.
4. На самом последнем куске формы присутствует так же кнопка отправить.

По сложнее:
1. Опять же разбиваем форму на шаги
2. Показываем первый шаг формы
3. Когда пользователь нажимает далее, отправляем AJAX запрос на сервер с этими данными, и возвращаем HTML следующего шага (причем HTML может быть разный, в зависимости от того что выбрал пользователь в прошлом шаге)
4. Заменяем текущий участок формы новым HTML
5. И так далее.

Comments

[xmoonlight]

Спасибо, а готовых инструментов для создания подобного рода визардов нет в природе? Чтобы собрать одну-две формы и вставить в свой проект?

[Денис Инешин]

xmoonlight: посмотрите тут: www.jqueryrain.com/demo/jquery-step-form-wizard

[xmoonlight]

Денис Инешин:
во-первых: тут jquery,
во-вторых: нужно ветвление в зависимости от ответа/выбора пункта и т.д.

[Денис Инешин]

xmoonlight: с ветвлением вам на сервере надо делать по стратегии #2

[xmoonlight]

Денис Инешин: ок. т.е. придется свой велосипед делать...Спасибо!