Создание многоступенчатых форм

Я искал способ создать многоступенчатую форму, такую как:http://planner.builtbybuffalo.com/step-1/

Я не смог найти никаких ресурсов, просто другие примеры, тот, который я пытаюсь создать, будет процессом из 3 частей. Я собираюсь построить это в jQuery.

Я могу понять, как идти от шага к шагу, fadein / out и т. д. Но имея маркер изменить и сказать, какой шаг.

мысли?

3 ответов


попробуй такое блоге С Знаменка

" превратите любую веб-форму в мощный мастер с помощью jQuery (плагин FormToWizard)"

вот его демо .

Я не использовал этот плагин от него, но я знаю, что у него очень хорошие сообщения, которые я использовал в прошлом.

надеюсь, это поможет.

EDIT:

недавно я использовал этот плагин, и он отлично работал. Это было простой в использовании и легко изменить для моих конкретных потребностей.


похоже, что шаги на временной шкале равномерно распределены. Это может быть так же просто, как умножить номер шага на ширину и разделить на количество шагов, чтобы получить расстояние, которое маркер должен пройти. Затем использовать jQuery.анимация для анимации положения маркера.

Сандро


здесь у вас есть полный рабочий простой пример из трех шагов, без необходимости jQuery.

вам просто нужно определить