Как создать ползунок с переменным шагом?

Question

[FlapJalc]

Посоветуйте плагин (на чистом js) который позволяет создать ползунок с точками, расположенными на разном расстоянии друг от друга. Я пытался использовать плагин Nouislider. Snapping between steps, и он меня устраивал до того как я заметил что он не управляется с клавиатуры. С нуля написать не могу, так как никогда не работал с такими элементами, да и js не знаю на достаточном уровне...

Comments

[jasonOk]

и он меня устраивал до того как я заметил что он не управляется с клавиатуры.

А так ли сложно слушать нажатия клавиш и менять значения у noUISlider?

[FlapJalc]

jasonOk, Сложность в том, что я не знаю JS :D. И это получается мне нужно в коде скрипта найти функцию которая отвечает за передвижение ползунка, и добавить туда события для отслеживание нажатия стрелок клавиатуры.

[Максим]

FlapJalc, а примера вам мало ?я же скинул ссылку там есть код - скопипастили ставили на страницу и всё - забыли

[FlapJalc]

Максим Ленский, Так мне нужно без использования jQuery. На jQuery у меня уже есть такого типа ползунок, который функционирует успешно.

[Максим]

FlapJalc, тогда что за головняк ? зачем несколько ?

[FlapJalc]

Максим Ленский, Да потому что jQuery требует подключение себя, затем подключение своей библиотеки компонентов, затем так как мне нужно чтобы ползунок работал на мобильных устройствах, ещё одну библиотеку touch ... что-то там, которая кстати у меня не заработала. А этот плагин удобен тем, что подключаешь один небольшой файл js, и всё.

[Максим]

FlapJalc, что бы jQUERY шустрее работало надо скачать к себе на сервер и ссылку на эту библиотеку брать у себя из папки js и всё и так же jquery.ui.css и тому подобное всё у себя на сервере - подключили и аля улю ..будет пахать как папа карло

[FlapJalc]

Максим Ленский, Мне в любом случае придётся скачивать её к себе, потому что в jquery-ui просто кладезь не нужных мне компонентов, и это всё каждый раз будет грузиться с сервера, и при этом не использоваться никак. Поэтому нужно от всего лишнего там избавиться, и оставить только ту часть которая отвечает за нужный мне функционал.

[Максим]

FlapJalc, пфи ...там выкрутить можно что угодно ...кастомизатор на что там ?

Answer 1

[Максим]

jqueryui.com/slider/#range-vertical там сбоку посмотрите ещё примеры