Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/9: Рейтинг темы: голосов - 9, средняя оценка - 5.00
2 / 2 / 9
Регистрация: 12.05.2011
Сообщений: 291

Изменение шага в слайдере JqueryUI

04.02.2013, 11:32. Показов 1893. Ответов 2

Студворк — интернет-сервис помощи студентам
Jquery UI Слайдер
Необходимо, чтобы слайдер шагал по значениям 5, 6.5, 10, 13, 15, 19.2, 25.7
Как вручную прописать его следующий шаг для каждого значения?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$(function() {
    $( "#slider" ).slider({
      value:100,
      min: 0,
      max: 500,
      step: 50,
      slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.value );
      }
    });
    $( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
  });
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
04.02.2013, 11:32
Ответы с готовыми решениями:

изменение шага инкремента
if (i = 10, i < 700, i++) { Prn->Canvas->Font->Name = Label17->Font->Name; Prn->Canvas->Font->Size = Label17->Font->Size; ...

График (Изменение шага)
Как изменить параметры шага, что бы не 6, 4, 2, 0, -2, -4, -6, а 0, -1, -3 -4 -5 и в таком же духе... Объяснил как смог) Спасибо

Изменение шага выборки
Здравствуйте! Допустим, имеется выборка с минимальным шагом (10^-6). Необходимо из этой выборки создать новую - большим шагом. Значение...

2
5 / 5 / 3
Регистрация: 19.09.2013
Сообщений: 303
09.12.2013, 22:16
2m2, ты разобрался с этим?
0
2 / 2 / 9
Регистрация: 12.05.2011
Сообщений: 291
10.12.2013, 10:30  [ТС]
Да, примерный код привожу ниже:
HTML5
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
<script type="text/javascript">
var str; 
var sliderValue;
var sliderValue2;
function mChange1(obj){
  var el, s, n, v;
  el=obj.options;
  n=el.selectedIndex;
  v=el[n].value;
  s=obj.id+'_show';
 
  
  if(v=='Первая (1)'){
     alert('!');
     str = 100000;
     sliderValue = [5, 10, 25.7];
     sliderValue2 = [5, 6, 7, 8, 9, 10];
     $( "#end" ).html(Math.round($( "#slider" ).slider( "value" )  * $( "#slider2" ).slider( "value")  * str)) ;
  }
 
 
 };
 
<!--РАЗМЕР РЕКЛАМЫ--> 
 
 
$(function() {
str  = $("#multipy").html()
sliderValue = [5, 6.2, 10, 12.7, 15, 19.2, 25.7];
 
//alert( str );
 
        $( "#slider" ).slider({
        value:5,
        min: 0,
        max: 31,
        step: 0.1,
        slide: function( event, ui ) {
        if( sliderValue.indexOf(ui.value)===-1 ) return false;
        $( "#amount" ).val( ui.value)
        },
        change: function(event, ui){
            
        $( "#end" ).html(Math.round($( "#slider" ).slider( "value" )  * $( "#slider2" ).slider( "value") * str));
            }
        });
        $( "#amount" ).val( $( "#slider" ).slider( "value" ) );
    
sliderValue2 = [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];
    $( "#slider2" ).slider({
      value:3,
      min: 0,
      max: 38,
      step: 1,
      slide: function( event, ui ) {
       if( sliderValue2.indexOf(ui.value)===-1 ) return false;
       $( "#amount2" ).val( ui.value);
      },
      change:function(event, ui) {
        $( "#end" ).html(Math.round($( "#slider" ).slider( "value" )  * $( "#slider2" ).slider( "value") * str));
            }
    });
    $( "#amount2" ).val( $( "#slider2" ).slider( "value" ) );
 
$( "#end" ).html(Math.round($( "#slider" ).slider( "value" )  * $( "#slider2" ).slider( "value")  * str)) ; 
  });
  
</script>
<!-- Далее код html -->
 
<ul id="questions">
<li>
<p>Выберите размер рекламы</p>
<div id="selOO9_chzn" class="chzn-container chzn-container-single chzn-container-active" style="width: 300px;">
<p>Сумма без скидки: <span id="end" style="color: #384044;">15000</span></p>
<p> <!--МНОЖИТЕЛЬ ПЛОЩАДИ--></p>
<div id="multipy" style="display:none">32</div>
<p>
   Ширина модуля: <input type="text" id="amount" style="border: 0; color: #384044; font-weight: bold;background: none; font-size:18px; cursor: default; width:35px">
</p>
 
<div id="slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false"><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 16.129032258064516%;"></a></div></div>
<p>
   Высота модуля: <input type="text" id="amount2" style="border: 0; color: #384044; font-weight: bold;background: none; font-size:18px; cursor: default; width:20px">
</p>
<div id="slider2" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false"><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 7.894736842105263%;"></a></div>
<p><span class="divider"></span></p></div></li>
<li>                <p>Выберите полосу (стр)</p>               <select data-placeholder="Выберите" onchange="mChange1(this);" name="first"     class="chzn-done">                  <option></option><option value="Первая (1)" data-connection="discountSelect">Первая (1)</option><option value="Новостная (2,3,4)" data-connection="discountSelect">Новостная (2,3,4)</option><option value="Информационная" data-connection="discountSelect">Информационная</option></select> <span class="divider"></span>           </li></ul>
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
10.12.2013, 10:30
Помогаю со студенческими работами здесь

Изменение имен переменных в зависимости от шага цикла
Всем привет. Помогите, если такое возможно, как изменять имена переменных в зависимости от шага цикла. есть к к примеру вот такие...

Изменение расчетного шага приводит к значительным изменениям в расчетах
Здравствуйте! Прошу помощи) Надеюсь, что вопрос не сложный, но разобраться никак не могу. По заданию надо находить ток в каждый момент...

Подключение jQueryUI!
День добрый господа программисты! Я новичёк и недавно погрузился в изучение jQury. Проблема моя такова: Я скачал jQueryUI последней...

Проблемы с функцией Draggable (JQueryUI)
Требуется реализовать контейнер (с overflow: hidden), внутри которого находится картинка, большая, чем сам контейнер, и с помощью draggable...

Ошибка при подключении jQueryUI
Здравствуйте. Проблема такая в шапке подключается jqiery все работает хорошо. В подключаемом файле через функцию PHP require, в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Первый деплой
lagorue 16.01.2026
Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru