Есть ползунок сортировки товаров. Как добиться вывода верных значений?

Question

[M L]

Нужна теория или формула из математики.
Нашел на сайте сортировку стоимости в виде ползунка.
Аналог его, уже написан, кроме вывода значений.
Пример, того что отсутствует: 137$ - 5000$.
Я мог бы брать с помощью процентов и тогда бы получал всегда прибавление по 25$.
То есть у меня сейчас есть формула такая. 5000 / 100 * %value%.
Но реализация этого ползунка сначала прибавляет по одному $, а в конце около 30$.

Иными словами на картинке реализация динамического изменения значения.
В моем же случае как в начале изменения левого ползунка так и пролистывания его до конца цена будет всегда ++25$
P.s. Надеюсь я Вас не сильно запутал.

Comments

[Максим Тимофеев]

Все очень запутано Вы описали. Вам надо шаг ползунка рассчитать?

[M L]

Максим Тимофеев: нет ползунок готов. Полностью, надо из к примеру left: 39%; получить значение в виде долларов от 5 тысяч.

[Максим Тимофеев]

staffID: Вы измеряете расстояние от края, что бы получать значение? Зачем?

[M L]

Максим Тимофеев:
Вот сайт где я нашел этот ползунок https://www.freelancer.com/jobs/
5000$ - right button 100%
137$ - left button 22%
Как получить из 22% значение 137

[M L]

Максим Тимофеев: у меня из 22% получается 1100 с таким же диапазоном.

[Максим Тимофеев]

staffID: из 22% чего получается 1100 чего? Не пропускайте слова. Пишите максимально полностью. Вы загадками разговариваете.

[M L]

Максим Тимофеев: 1100$. Как бы конвертирования процентов в нужное значение. Этот текст в ползунке он роли не играет. Это надо пользователю для наглядности, что к примеру диапазон от 22% до 100%. Является от 137$ - 5000$. Но у меня получается 22% - 100% (1100$ - 5000$)

[M L]

Максим Тимофеев: и это логично исходя из формулы max_sum / max_percent * value
max_sum - это максимальная допустимая сумма (5000$)
max_percent - это (100%)
value - left button (22%)

[Максим Тимофеев]

staffID: Вы должны вначале вычислить 1 % от максимума: 5000/100, потом умножить на отступ слева в %. Вы так и делаете, значит проблема в том, что не правильно вычисляется %value%.

[M L]

Максим Тимофеев: если бы value был не верен то ползунок бы дергался при mousemove и вылетал из диапазона. Как раз формула верная. Я мог бы ей пользоваться.
Но взгляните со стороны пользователя. Он двигает ползунок вправо на 2% мин стоимость составляет 100$.
Но что если ему нужно к примеру 25$. Он это значение увы не получит. А вот как раз когда цена уже около 4000$ от 5000$, то ему уже за каждый шаг ползунком нужно не по 25$, а по 70$ например. С помощью ползунка удобнее фильтровать цену, если он умный. Но у меня он пока. Представляет просто slider-range.

[Максим Тимофеев]

staffID: Сделайте два инпута, что бы вводить значения цифрами и вот вопрос решен.

[M L]

Максим Тимофеев: я скинул Вам ссылку. У меня ползунок, точь-в-точь как на том сайте за исключением вывода стоимости.

[Максим Тимофеев]

"если бы value был не верен то ползунок бы дергался" - чего вдруг? Может у Вас там не % а px?

[M L]

Максим Тимофеев: но я уйму времени потратил. И осталось лишь формулу узнать, чтобы выводить нужные значения. Да и ползунки это уже стандартная практика.

[Максим Тимофеев]

staffID: Выведите в консоль значение value и этапов вычисления - найдете ошибку.

[M L]

Максим Тимофеев: ""если бы value был не верен то ползунок бы дергался" - чего вдруг? Может у Вас там не % а px?" - я что не знаю, что я пишу?

[Максим Тимофеев]

staffID: НУ если Вы все знаете - зачем Вас советы? Удаляюсь

[M L]

Максим Тимофеев: ошибки нет. Вычисляется правильно. Вы просто не поняли, что я хочу похоже. Значения кнопок ползунка в процентах сохраняются в html дереве.

[M L]

Максим Тимофеев: Проще говоря я хочу умное конвертирование. Из одного числа в другое. И еще раз говорю проблем со слайдером нет. Проблема лишь в выводе значений в отдельный див который к слайдеру не относится.

[M L]

Максим Тимофеев: Путем методов и ошибок нашел. 5000 / ( 10000 / current_percent ) * current_percent )
Чем ближе left, тем меньше возврат значения. Под конец значения шага увеличивается. Это обусловлено той формулой.

Answer 1

[Максим Тимофеев]

Посмотрите как работают хорошо сделанные ползунки:
jqueryui.com/slider/#range
Решите свои проблемы на его примере или возьмите этот и подгоните под себя.

Comments

[M L]

У него за каждый шаг статическая итерация 1++. А у того при 10% итерация за шаг 3, А при 70% итерация за шаг примерно 25(Точно не определю не видел формулы)

[Максим Тимофеев]

staffID: jqueryui.com/slider/#range - шаг можно настроить как угодно. Хоть статические числа, хоть переменные - это же jquery, при чем там миллион настроек и вариантов. Зачем велосипед изобретать?

[M L]

Максим Тимофеев: Да дело в расчете. Он сам значение считает. Если бы я знал как это все посчитать верно я бы сюда не писал. Тут хромает математика, а не программирования. jQuery не использую вовсе. Тяжелый слишком. Плюс при загрузке крутит ajax'ом, что мешает кешированию. Есть свой прототип аналог почти такой же как jQuery. Но в 3 раза эффективнее. Однако отсутствует около 20 функций jQuery (Но там больше связанно с самим прототипом)

[Максим Тимофеев]

staffID: Дело в Вашем %value%, в котором явно не то что ожидается.

Answer 2

[Алексей]

Формула у вас правильная - значение_в_процентах_от_0_до_100 * максимум/100.
Надо смотреть реализацию, а именно что там у вас в left получается.