Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.08.2014, 12:55
Новичок на форуме
Отправить личное сообщение для IffeR Посмотреть профиль Найти все сообщения от IffeR
 
Регистрация: 11.08.2014
Сообщений: 2

Нужно связать input и ползунок jQuery Slider / jQuery ui
Добрый день. Сразу по сабжу:

Есть вариант решения, когда передвижение ползунка заставляет менять значения input.

Я использую след.код:

$( "#slider1" ).slider({
                            range: "max",
                            min: 100000,
                            max: 10000000,
                            value: 200000,
                            step: 100000,
                            slide: function( event, ui ) {
                                $( "#amount" ).val( commaInt(ui.value) );
                            }
                        });
                    
                        function changeble() {
                            var amountGet = $('#amount').val();
                            $( "#slider1" ).slider("value", amountGet);
                        }
                            
                        $( "#amount" ).change(function() {
                            var amountGet = $(this).val();
                            $( "#slider1" ).slider("value", amountGet); 
                        });
        
 
                    function setInputsFromSlider() {
                        $( "#amount" ).val( commaInt($( "#slider1" ).slider("value")));
                    }
                    
                    setInputsFromSlider();
 
                    /* RAZRYADY */
                
                    function commaInt(val) {
                        return String(val).split("").reverse().join("")
                                        .replace(/(.{3}\B)/g, "$1 ")
                                        .split("").reverse().join("");
                    }


С этим ясно.

Есть калькулятор с ползунками (jQuery UI Slider) на сайте.
При перетаскивании ползунка - текст в связанном input type="text" (числовое значение) меняется.

Как сделать так, чтобы при изменении значения в input ползунок перебегал на это число?

#amount - текстовый input
#slider1 - соответственно слайдер
commaInt - функция разрядов числа (пример: 1000000 --> 1 000 000)

Хоть убейте, при изменении значения input - ползунок стоит на месте.

Можете помочь?
Ответить с цитированием
  #2 (permalink)  
Старый 11.08.2014, 12:59
Новичок на форуме
Отправить личное сообщение для IffeR Посмотреть профиль Найти все сообщения от IffeR
 
Регистрация: 11.08.2014
Сообщений: 2

Выяснил, код работает.

Во всём виноваты получается разряды. Как сделать чтобы функция commaint не мешала вычислениям?
Ответить с цитированием
  #3 (permalink)  
Старый 11.08.2014, 17:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

IffeR,
добавить в инициализацию слайдера параметр change, на фокус инпута поставить функцию для стирания пробелов в значении, после строки 18 добавить обработку введённого числа на минимум и максимум и кратности шагу.
Ответить с цитированием
  #4 (permalink)  
Старый 16.08.2014, 17:41
Новичок на форуме
Отправить личное сообщение для lolodan Посмотреть профиль Найти все сообщения от lolodan
 
Регистрация: 25.06.2014
Сообщений: 6

Нужно связать input и ползунок jQuery Slider / jQuery ui
jQuery – это звезда среди остальных библиотек. Её достоинства – это: легкость, кросс-браузерность и простота. Задача, которая потребовала бы 10 строк кода на javascript, решается одной строкой на jQuery. Например, Вы хотите раскрасить табличку с id=”mytable”, чтобы каждый ряд имел свой цвет.

РљРѕРґ:
Ответить с цитированием
  #5 (permalink)  
Старый 16.08.2014, 18:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

lolodan,
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужно сделать простую форму на Jquery Tema52 Работа 2 08.06.2011 07:43
Slider AJAX JQuery igsavenko jQuery 2 08.05.2011 19:19
mini slider - jquery (Слайдер) igsavenko Общие вопросы Javascript 0 05.05.2011 20:42
jQuery watermark input field jquery_watermark Armen jQuery 4 29.12.2009 23:15
jQuery - нужно пояснение, понятное чайнику Zilog jQuery 0 06.09.2009 02:51