Настроить диапазон цен для слайдера ?

@ilyasret · Регистрация: 29.12.2012

Студворк — интернет-сервис помощи студентам

Мне нужно рассчитать диапазон цен, слайдер брал вот отсюда http://www.xiper.net/collect/j... r-add.html
в нем задается диапазон цен, от 0 до 1000 шаг в 10, от 1000 до 40000 шаг 100, но мне нужно увеличить диапазон, я картинку перерисовал,
Значит в моем случае у меня 4-е диапазона, от 0 до 1000 шаг 100, от 1000 до 20000 шаг 100, от 20000 до 80000 шаг 1000, от 800000 до бесконечности шаг 1000, сам пробовал писать код что-то не получается.
Вот выкладываю код

http://jsfiddle.net/q7G3K/

HTML5
1
2
3
4
5
6
7
8
9
<form method="post" action="#">
            <div class="formCost">
                <label for="minCost">Цена: от</label> <input type="text" value="0" id="minCost">
                <label for="maxCost">до</label> <input type="text" value="40000" id="maxCost">
            </div>
            <div class="sliderCont">
                    <div id="slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header" style="left: 0%; width: 100%;"></div><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 0%;"></a><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 100%;"></a></div>
            </div>
        </form>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
jQuery(document).ready(function(){
/* слайдер цен */
jQuery("#slider").slider({
min: 0,
max: 200,
values: [0,200],
range: true,
stop: function(event, ui) {
value01 = jQuery("#slider").slider("values",0);
value02 = jQuery("#slider").slider("values",1);
if(value01 < 100){
vL1 = value01*10;
vL1 = Math.round(vL1/10) * 10;
jQuery("input#minCost").val(vL1);
}
else
{
R1 = value01 - 100;
vR1 = 390*R1+1000;
vR1 = Math.round(vR1/100) * 100;
jQuery("input#minCost").val(vR1);
};
if(value02 < 100){
vL1 = value02*10;
vL1 = Math.round(vL1/10) * 10;
jQuery("input#maxCost").val(vL1);
}
else
{
R1 = value02 - 100;
vR1 = 390*R1+1000;
vR1 = Math.round(vR1/100) * 100;
jQuery("input#maxCost").val(vR1);
};
},
slide: function(event, ui){
value01 = jQuery("#slider").slider("values",0);
value02 = jQuery("#slider").slider("values",1);
if(value01 < 100){
vL1 = value01*10;
vL1 = Math.round(vL1/10) * 10;
jQuery("input#minCost").val(vL1);
}
else
{
R1 = value01 - 100;
vR1 = 390*R1+1000;
vR1 = Math.round(vR1/100) * 100;
jQuery("input#minCost").val(vR1);
};
if(value02 < 100){
vL1 = value02*10;
vL1 = Math.round(vL1/10) * 10;
jQuery("input#maxCost").val(vL1);
}
else
{
R1 = value02 - 100;
vR1 = 390*R1+1000;
vR1 = Math.round(vR1/100) * 100;
jQuery("input#maxCost").val(vR1);
};
}
});
jQuery("input#minCost").change(function(){
var value1=jQuery("input#minCost").val();
var value2 = jQuery("input#maxCost").val();
if(parseInt(value1) > parseInt(value2)){
value1 = value2;
jQuery("input#minCost").val(value1);
}
if(value1 < 1000){
vL1 = value1/10;
jQuery("#slider").slider("values",0,vL1);
}
else
{
R1 = value1 - 1000;
vR1 = Math.round(R1/390+100);
jQuery("#slider").slider("values",0,vR1);
};
});
jQuery("input#maxCost").change(function(){
var value1=jQuery("input#minCost").val();
var value2=jQuery("input#maxCost").val();
if (value2 > 40000) { value2 = 40000; jQuery("input#maxCost").val(40000)}
if(parseInt(value1) > parseInt(value2)){
value2 = value1;
jQuery("input#maxCost").val(value2);
}
if(value2 < 1000){
vL1 = value2/10;
jQuery("#slider").slider("values",1,vL1);
}
else
{
R1 = value2 - 1000;
vR1 = Math.round(R1/390+100);
jQuery("#slider").slider("values",1,vR1);
};
});
// фильтрация поля
jQuery('.selectionForm input').keypress(function(event){
var key, keyChar;
if(!event) var event = window.event;
if (event.keyCode) key = event.keyCode;
else if(event.which) key = event.which;
if(key==null || key==0 || key==8 || key==13 || key==9 || key==46 || key==37 || key==39 ) return true;
keyChar=String.fromCharCode(key);
if(!/\d/.test(keyChar)) return false;
});
});

там нужно написать условия ну и немного математики, как в статье немного не понял как условиями добавлять диапазоны,буду очень признателен за помощь

Комментарий модератора

Правила форума пункт 5.19

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

Поправлено.

@ilyasret · 20.06.2013, 12:21 **[ТС]**

Что никто мне не хочет помочь??? 50 просмотров и все ???

@GPV091 · 20.06.2013, 13:01

Я вообще не понял как там реализован это шаг толком. До 1000 - шаг получается 10. То есть 1px = 10 ед. Соответственно если первая половина 100px то и получается 1000 ед. А после тысячи шаг получается 1px = 400 ед. Причем там шаг 100 я не сообразил что-то.

И у вас странно. Последние два диапазона - одинаковый шаг. Зачем тогда делать?

Новые блоги и статьи Все статьи Все блоги /
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.

@ilyasret 2 / 2 / 0 Регистрация: 29.12.2012 Сообщений: 168
	20.06.2013, 12:21 [ТС]
	Что никто мне не хочет помочь??? 50 просмотров и все ??? 0

@GPV091 3 / 3 / 1 Регистрация: 15.07.2012 Сообщений: 55
	20.06.2013, 13:01
	Я вообще не понял как там реализован это шаг толком. До 1000 - шаг получается 10. То есть 1px = 10 ед. Соответственно если первая половина 100px то и получается 1000 ед. А после тысячи шаг получается 1px = 400 ед. Причем там шаг 100 я не сообразил что-то. И у вас странно. Последние два диапазона - одинаковый шаг. Зачем тогда делать? 0