Как сделать ползунок с выбором интервала цены, а также возможность его сброса?

Question

[Данил Ларионов]

Доброго времени суток, вопрос не легкий, мне нужен такой ползунок, что бы он работал и отображал цену, а также можно было его сбросить.
Дело в том что я пробовал с интернет ресурсов, и не получается, возникают ошибки)
Поэтому обращаюсь напрямую к специалистам, надеюсь вы поможете с решением этой проблемы (это нужно для OpenCart для фильтров, если это поможет).
Помогите пожалуйста в решении этой проблемы, только не из других интернет ресурсов, если оно работает у вас - специалистов, то будет работать и у меня)
Буду очень благодарен)

Answer 1

[G F]

Если не из интернет ресурсов, то надо код писать. ты умеешь? я бы объяснил логику, если у тебя с этим проблема
ну вот держи https://codepen.io/sifulislam/pen/YeYpdr стили правда корявые немного, но это не так важно

Comments

[Данил Ларионов]

Отлично, со стилями все норм, то что надо, 2 раз даю вопрос на эту тему и именно вы смогли помочь), огромное спасибо)))

[G F]

Данил Ларионов, пожалуйста)

[Данил Ларионов]

G F, И вот вопрос, а есть ли возможность что бы выводило только целые числа?
И есть ли возможность сделать так что бы не выходило за рамку, а так все супер просто))
Я буду просто нереально благодарен если поможете)

[G F]

if ( handle ) {
		inputNumber.value = Math.round(value)
	} else {

Надо Math.round добавить там. А вот что со стилями я сегодня не подскажу уже, после работы лежу в отключке) Данил Ларионов,

[Данил Ларионов]

G F, огромное спасибо, понимаю, жду))))))

[Данил Ларионов]

G F, добрый вечер еще раз, простите что отвлекаю, сможете помочь сделать так что бы не выходило за рамку)?

[G F]

Привет, попробуй отсюда взять лучше: https://refreshless.com/nouislider/

[G F]

Я завтра себе на сайт такой же подключать буду (с двумя инпутами текстовыми), если у тебя сегодня не получится, поделюсь кодом.

[G F]

Зайди в examples там на любой вкус

[Данил Ларионов]

G F, блин не получилось подключить текстовые инпуты, можешь помочь, если нужно могу новый вопрос создать что бы ты на него ответил, тебе + будет)
Так что поможешь?)

[Данил Ларионов]

G F, Короче огромное вам спасибо что возитесь со мной, очень благодарен что помогаете со всем, спасибо огромное еще раз)
Надеюсь это будет последний раз когда вы мне помогаете и даете готовый код, так как я вам наверное уже порядком надоел))

[G F]

Данил Ларионов,
сори дружище, работал сегодня, некогда было отвлекаться на это. вот https://jsfiddle.net/rotb9pw2/1/

[Данил Ларионов]

G F, Спасибо большое) Просто бог)

Answer 2

[Tanya-Griz]

nouislider - в помощь

Comments

[Tanya-Griz]

я подключала, все отлично работает