Настройка range.slider?

Question

[Alex_87]

Здравствуйте! Прошу помочь разобраться в следующем range.slider: ionden.com/a/plugins/ion.rangeSlider/demo.html
Я указал отрезки, которые мне нужны. Но проблема в том, что я могу двигаться только по ним! То есть, я не могу переместиться с на 85, а только с 0 до 100, со 100 до 1000 и так далее. Прошу помочь мне настроить так, чтобы я мог попасть к значениям внутри отрезков

Answer 1

[Aetae]

Как указали вам в предыдущем вашем вопросе - вам нужна логарифмическая шкала, примерно так:

Comments

[Alex_87]

Спасибо вам большое! до этого кода нужно было додуматься. Как вы подходите к решению подобных задач? Я тоже хочу научиться! Поделитесь своими методами решения, пожалуйста!

[Aetae]

Alex_87, ну тут просто надо знать, что есть такая хрень как логарифмическая шкала - эти знания идут откуда-то(я не помню откуда точно это знаю=)) из "академической" базы(математика, базовые алгоритмы).
Код как таковой гуглится, на раз два, наизусть помниить сами алгоритмы - не надо, только сам факт существования.

[Alex_87]

Aetae, мне немного странным кажется, что в настройках range.slider не было нужного метода, который бы это всё помог сделать. До того, как прийти сюда, я облазил их документацию, пытаясь найти решение. Но на данный момент приходиться только прописывать что-то дополнительно!

[Alex_87]

Aetae, Ещё раз, здрасте) Помоги подобрать нужные цифры для ещё двух шкал. Форму можно твою же взять, или другую? Я с твоей играюсь, но не получается...


И не знаю, как правильно вытаскивать value. Пишу так, но это не правильно:

var first = document.querySelector('.js-range-slider');
    var second = document.querySelector('.js-range-slider2');
    var third = document.querySelector('.js-range-slider3');

    
    var resultFromfirst = document.querySelector('.amount').innerHTML = first.to;

[Aetae]

Первый случай - обычный линейный, дополнительной магии не нужно, просто поставьте:

{
  //...
  min: 5, 
  max: 25,
  postfix: "%"
}

Второй странный и тут нужна уже своя формула. Нарисуйте график, точки {0,1},{25,3},{50,4},{75:16},{100:?}, прикиньте формулу для этого графка и используйте для преобразований значинй туда-обратно. Помочь прикинуть формулу может wolfram alpha(напр.), но если это слишком сложно для вас, всегда можно сделать тупой преобразователь на if'ах, типа: "если позиция между 1 и 25 - преобразовать так то, если между 25 и 50: так-то" и т.д., простые деления и умножения.