JQuery слайдер с количеством интервалов >= 2?

Question

[SeTeM]

Нужен код для создания чего-то типа:



Т.е. на одном слайдере нужно выбрать несколько интервалов.

Гугление результатов не дало: везде говорится максимум про один интервал.

Answer 1

[Григорий Перетяка]

ZForms.
Пример: test.cms3.org/peretyaka/2/example.html

Обратите внимание, я добавил css-файл:
test.cms3.org/peretyaka/2/css/ZForms-update.css

Минус данной библиотеки — проект не обновлялся с 2009 года.

Comments

[SeTeM]

Спасибо! Это именно то, что надо :)

[HarpyWar]

Слайдер неплохой, но в IE9 он работает только в режиме совместимости.

[max_rip]

ну есть фиксы от 2010 года, на гит хабе +)

github.com/dwr/zforms/tree/master/ZForms

[max_rip]

Меня больше интересует

XML-формат для описания форм.
XSL-шаблон для генерации HTML-кода формы и JavaScript-кода.

Которые к сожалению до сих порт так и не открыты, в ручную писать такие формы сложно и еще тяжелее их поддерживать. Но возможности у него просто удивительные.

Answer 2

[Григорий Перетяка]

С помощью ZForms я такое делал, но проект давно не поддерживается. А так, это лучшее, что я видел.

Comments

[Григорий Перетяка]

Пример такого слайдера.

[Григорий Перетяка]

Там это называется неравномерная шкала, это вы имеете в виду?

Answer 3

[SeTeM]

Нет.
Допустим, пользователь должен выбрать свои любимые числа для статистики на отрезке [0;150]. Он передвигает ползунки так, чтобы получилось 3 интервала (ну или не три, а другое количество): 10-40, 60-90, 100-105, которые он потом может отправить на сервер.

Comments

[Григорий Перетяка]

А, понял, с помощью ZForms это, тоже, можно сделать, сейчас накидаю пример.

[Григорий Перетяка]

Вот:
test.cms3.org/peretyaka/2/example.html

Только, нужно стили дописать для подсветки, по аналогии с
.zf-slider-range-3 {
background: yellow;
}

Дальше:
.zf-slider-range-5 {
background: red /* например */;
}

Потом, 7, 9,…