xmoonlight
@xmoonlight
https://sitecoder.blogspot.com

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

Всем привет.
Вот есть сайт и на нем визард с тучей страниц (и кнопками next и back).
Как сделать подобное максимально просто или есть готовые для этой задачи CMS?
Главное, чтобы не менялся URL вверху страницы!
Всем, Спасибо.
  • Вопрос задан
  • 569 просмотров
Решения вопроса 1
IonDen
@IonDen Куратор тега JavaScript
JavaScript developer. IonDen.com
jQuery тут вообще не причем, можно и на обычном JavaScript. Причем может быть несколько стратегий.

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы