Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.03.2018, 23:34
Аспирант
Отправить личное сообщение для SERblY Посмотреть профиль Найти все сообщения от SERblY
 
Регистрация: 10.03.2014
Сообщений: 87

Добрые люди помогите с ползунком jquery ui slider
Суть такова, сам как смог прикрутил, тоесть если его двигаешь в инпутах меняется все нормально, поиск по этим пораметрам срабатывает, но вот незадача, если обновить страничку то в инпутах диапазон остаетсся тот который выбирали, а ползунок на стандартные исходные возвращаеться, ребят помогите, как сделать чтобы он тоже оставался
Вот код самого ползунка (скрипта) мб что то лишнее или не так настроил, надеюсь поможете:
<script src="/assets/jquery-ui/jquery-ui.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){


/* слайдер цен */

jQuery("#slider").slider({
	min: 0,
	max: 1000000,
	step: 500,
	range: true,
	stop: function(event, ui) {
		jQuery("input.minCost").val(jQuery("#slider").slider("values",0));
		jQuery("input.maxCost").val(jQuery("#slider").slider("values",1));
		
    },
    slide: function(event, ui){
		jQuery("input.minCost").val(jQuery("#slider").slider("values",0));
		jQuery("input.maxCost").val(jQuery("#slider").slider("values",1));
    }
});

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);
	}
	jQuery("#slider").slider("values",0,value1);	
});

	
jQuery("input.maxCost").change(function(){
		
	var value1=jQuery("input.minCost").val();
	var value2=jQuery("input.maxCost").val();
	
	if (value2 > 1000000) { value2 = 1000000; jQuery("input.maxCost").val(1000000)}

	if(parseInt(value1) > parseInt(value2)){
		value2 = value1;
		jQuery("input.maxCost").val(value2);
	}
	jQuery("#slider").slider("values",1,value2);
});



// фильтрация ввода в поля
	jQuery('input.maxCost, input.minCost').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;
	
	});


});



</script>


вот кусок формы где ползунок и инпуты:
<div class="col-md">
				<input style="padding-left:3px; padding-right:3px" class="price_field minCost form-control" name="{%$id%}[over]" type="number" step="500.00" id="" placeholder="Цена, {%$locale.888%}" value=""/>
				</div>
				<div class="col-md">
				<input style="padding-left:3px; padding-right:3px" class="price_field maxCost form-control" name="{%$id%}[less]" type="number" step="500.00" placeholder="Цена, {%$locale.889%}" id="bs_{%$field.id%}" value=""/>
			</div>

вот подгружаеться сам ползунок: прям ниже инпутов сразу (я просто разделил чтобы понятнее было)
<div class="sliderCont">
					<div id="slider"></div>
			</div>


Прикреплю еще скрин на всякий чтобы было яснее! Надеюсь на помощь! Спасибо!
Изображения:
Тип файла: jpg slider.jpg (59.4 Кб, 7 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 29.03.2018, 23:40
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,708

Данные из инпутов передались на сервер для фильтрации данных, при отрисовке этих инпутов нельзя в них поместить переданные на сервер значения?
Ответить с цитированием
  #3 (permalink)  
Старый 29.03.2018, 23:52
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

SERblY,
slider ui сохранение
Ответить с цитированием
  #4 (permalink)  
Старый 30.03.2018, 13:16
Аспирант
Отправить личное сообщение для SERblY Посмотреть профиль Найти все сообщения от SERblY
 
Регистрация: 10.03.2014
Сообщений: 87

так как лучше сделать я так и не понял, Вы извините конечно мб я туплю. просто не сильно шарю в скрипте, так поставить могу что то подправить но вот как сделать лучше чтобы не так на отмашку а чтобы рабочий вариант хороший был не допру никак
Ответить с цитированием
  #5 (permalink)  
Старый 30.03.2018, 13:25
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,708

SERblY, правильнее будет вывести в input переданное фильтру значение и при инициализации слайдера воспользоваться ими.

Сохранять значения в localStorage по-моему глупо, когда есть возможность модифицировать backend.
Ответить с цитированием
  #6 (permalink)  
Старый 30.03.2018, 13:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

SERblY,
проще способ Nexus,
на php в строку 12 например добавить values: <[??,??]>, не знаю php, может кто подскажет
Ответить с цитированием
  #7 (permalink)  
Старый 30.03.2018, 15:13
Аспирант
Отправить личное сообщение для SERblY Посмотреть профиль Найти все сообщения от SERblY
 
Регистрация: 10.03.2014
Сообщений: 87

Сообщение от Nexus Посмотреть сообщение
SERblY, правильнее будет вывести в input переданное фильтру значение и при инициализации слайдера воспользоваться ими.

Сохранять значения в localStorage по-моему глупо, когда есть возможность модифицировать backend.
ясно что нечего не ясно, все равно спасибо хоть на этом
Ответить с цитированием
  #8 (permalink)  
Старый 30.03.2018, 15:13
Аспирант
Отправить личное сообщение для SERblY Посмотреть профиль Найти все сообщения от SERblY
 
Регистрация: 10.03.2014
Сообщений: 87

Сообщение от рони Посмотреть сообщение
SERblY,
проще способ Nexus,
на php в строку 12 например добавить values: <[??,??]>, не знаю php, может кто подскажет
я тоже не силен не в том не в том, по этому и тут на форуме!
Ответить с цитированием
  #9 (permalink)  
Старый 30.03.2018, 15:15
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,708

SERblY, какой шаблонизатор используется?
Каким методом данные на сервере передаются?
Ответить с цитированием
  #10 (permalink)  
Старый 30.03.2018, 15:44
Аспирант
Отправить личное сообщение для SERblY Посмотреть профиль Найти все сообщения от SERblY
 
Регистрация: 10.03.2014
Сообщений: 87

smarty
<div class="col-md">
				<input style="padding-left:3px; padding-right:3px" class="price_field minCost form-control" name="{%$id%}[over]" type="number" step="500.00" id="" placeholder="Цена, {%$locale.888%}" value=""/>
				</div>
				<div class="col-md">
				<input style="padding-left:3px; padding-right:3px" class="price_field maxCost form-control" name="{%$id%}[less]" type="number" step="500.00" placeholder="Цена, {%$locale.889%}" id="bs_{%$field.id%}" value=""/>
			</div>

повторюсь при изменение числового значения input ползунок работает. при передвижение ползунка меняется значение input . поиск по данным критериям срабатывает. но при открытие вновь поиска в input данные прошлого запроса сохраняются пока их не обнулишь или не изменишь а ползунок тупо встает на исходную (вот главная проблема), ну и как специалисты мб еще подскажите что то мб в коде лишнее или можно сделать лучше. безмерно благодарен лично Вам за помощь любую и форуму конечно, уже не 1 раз обращаюсь.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jQuery UI Slider - привязка с input type number Argeares Элементы интерфейса 3 20.06.2017 15:36
Нужно связать input и ползунок jQuery Slider / jQuery ui IffeR jQuery 4 16.08.2014 18:01
Помогите люди добрые luraVefrafe jQuery 2 09.06.2010 09:16
Люди, ПОМОГИТЕ! Bel666 jQuery 11 27.04.2010 15:38
Помогите внедрить свой jQuery в другой A.N.R.I jQuery 25 19.07.2009 01:50