Интегрировать с Ion.RangeSlider

More
5 years 6 months ago #7587 by Артем
Интегрировать с Ion.RangeSlider was created by Артем
Здравствуйте!

Можете подсказать пример правильной интеграции в фильтр слайдера с ползунками (range)?

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

Вот пример: jsfiddle.net/IonDen/r5aox84v/

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7590 by JoomLine
Replied by JoomLine on topic Интегрировать с Ion.RangeSlider
Пример рабочего сайта укажите. В целом судя по примеру, который у вас приведен, достаточно в шаблон добавить

<div class="range-slider">
<input type="text" class="js-range-slider" value="" />
</div>
А поля от и до оберунть в див <div class="range-slider">
<input type="text" class="js-range-slider" value="" />
</div>
<div class="extra-controls">
</div>
а непосредственно к инпутам добавить классы js-input-from js-input-to

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7592 by Артем
Replied by Артем on topic Интегрировать с Ion.RangeSlider
Спасибо за ответ.

Значения передаются в инпуты, но сам фильтр не срабатывает. Фильтр работает только если вручную вводить значение в инпут (фильтр ajax).

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7593 by JoomLine
Replied by JoomLine on topic Интегрировать с Ion.RangeSlider
А не в режиме аякс срабатывает по кнопке?

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7594 by JoomLine
Replied by JoomLine on topic Интегрировать с Ion.RangeSlider
Скорей всего аякс событие не реагирует на изменения сделанные в поле скриптом.

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7595 by Артем
Replied by Артем on topic Интегрировать с Ion.RangeSlider
С кнопкой не хотелось бы делать.

А во втором случае есть решение?

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7596 by JoomLine
Replied by JoomLine on topic Интегрировать с Ion.RangeSlider
Для начала надо понять по кнопке значения правильные или нет :-) Если правильные то надо уже думать над аяксом.

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7597 by Артем
Replied by Артем on topic Интегрировать с Ion.RangeSlider
Да, с кнопкой все работает корректно

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7598 by JoomLine
Replied by JoomLine on topic Интегрировать с Ion.RangeSlider
Ссылка на страницу сайта есть где это все делается?

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7599 by Артем
Replied by Артем on topic Интегрировать с Ion.RangeSlider
domanedorogo.com/vse-proekty

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7600 by AlekVolsk
Replied by AlekVolsk on topic Интегрировать с Ion.RangeSlider
попробуйте альтернативные решения, например очень удобный и легкий refreshless.com/nouislider/
хорошо документирован, с кучей примеров

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7603 by Артем
Replied by Артем on topic Интегрировать с Ion.RangeSlider
Alek Volsk, спасибо за наводку, но как правильно настроить этот скрипт на работу с ajax я так и не понял.

Joomline Support, может есть какие мысли как настроить ajax для полученных значений от ползунков?

Please Log in or Create an account to join the conversation.

More
5 years 6 months ago #7638 by JoomLine
Replied by JoomLine on topic Интегрировать с Ion.RangeSlider
Я признаться попробовал этот слайдер интегрировать в реинж)) и он у меня вообще не заработал ни под каким соусом :-)

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum

Last from the forum

© 2010- JoomLine
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries. joomline.net is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Contact:

email: This email address is being protected from spambots. You need JavaScript enabled to view it.