Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   объединение ползунока и input в jquery ui (https://javascript.ru/forum/jquery/55812-obedinenie-polzunoka-i-input-v-jquery-ui.html)

roma88 15.05.2015 15:32

объединение ползунока и input в jquery ui
 
Здравствуйте.
Хочу реализовать такую штуку, что например если вводишь в input значение, то ползунок передвигался автоматом, и следовательно если таскаешь ползунок, то в input меняются числа

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

<div class="calc">
	<div class="text"><p>Введите сумму </p><input type="text" id="maxCost" class="ival" placeholder="150 000"><p class="color"> руб.</p></div>
	<div id="slider-range"></div>
</div>


$("#slider-range").slider({
				      range: "min",
				      min: 1500,
				      max: 250000,
				      value: 150000,
				      step: 500,
				      stop: function(event, ui) {
				      	$( ".val1" ).text( ui.value );
				      	$( ".ival" ).val( ui.value );
	    			},


				      slide: function( event, ui ) {
				        $( ".val1" ).text( ui.value );
				        $( ".ival" ).val( ui.value );
				      }
				    });


Заранее спасибо всем за помощь

рони 15.05.2015 16:31

roma88,
инструкция http://javascript.ru/forum/jquery/54...tml#post363745
пример
http://javascript.ru/forum/dom-windo...tml#post312785
ещё пример
http://javascript.ru/forum/dom-windo...tml#post365272

roma88 15.05.2015 21:07

спасибо за наводку
Цитата:

в сладере продублировать параметр slide в change
в инпуте сделать обработку change с установкой сладера в значение инпута.
с параметром change не давало вводить данные, бросало постоянно в конец value
я сделал проще, просто добавил на инпут при keyup value инпута = value ползунка и все заработало :)


Часовой пояс GMT +3, время: 04:59.