Сортировка слайдером (бегунком)

zomorg
На сайте с 04.02.2009
Offline
191
486

Здравствуйте дорогие друзья!

Вопрос такой:

Есть группа товаров, всего 10 штук, которые имеют 2 важных параметра (цена и вес) Вот хотелось бы сделать так, что бы они сортировались двумя бегунками. Возможно есть какой то скрипт? или самому можно сделать? Посоветуйте пожалуйста

Gerga
На сайте с 02.08.2015
Offline
94
#1

zomorg, самому можно сделать, в принципе ничего сложного. Какая CMS?

zomorg
На сайте с 04.02.2009
Offline
191
#2
Gerga:
zomorg, самому можно сделать, в принципе ничего сложного. Какая CMS?

Ну. Это лендинг... одна страничка index.php

psics
На сайте с 02.04.2009
Offline
130
#3

http://jqueryui.com/slider/#default если я правильно понял вам нужно чтото в этом духе

http://jqueryui.com/slider/#range

zomorg
На сайте с 04.02.2009
Offline
191
#4
psics:
http://jqueryui.com/slider/#default если я правильно понял вам нужно чтото в этом духе
http://jqueryui.com/slider/#range

Да, отчасти. как слайдер сделать то, я знаю - это не проблема, а вот, что бы он контент менял - пока не нашел вариант.

ДП
На сайте с 23.11.2009
Offline
203
#5

Если у вас всего 10 продуктов, то можно каждому из блоков с продуктами прописать определённый класс, который соответствует положению слайдера типа class="s_1_10 s_1_20 s_2_10 s_2_20 slider_dependent"

Когда у вас изменилось значения слайдера - запускаете функцию, которая из значений слайдера конструирует имя класса типа s_[значение первого слайдера]_[значение второго слайдера] и затем прячем все блоки с классом slider_dependent, а показывает те, у которых есть вычисленный класс.

Если поэлегантнее - то например записать пограничные значения, при которых надо показывать блоки в какие-нибудь data-атрибуты и перебором решать, нужно ли показывать конкретный блок при данном значении ползунков.

Но это всё при условии, что вы программировать хоть чуток можете.

zomorg
На сайте с 04.02.2009
Offline
191
#6
Дикий пионер:
Если у вас всего 10 продуктов, то можно каждому из блоков с продуктами прописать определённый класс, который соответствует положению слайдера типа class="s_1_10 s_1_20 s_2_10 s_2_20 slider_dependent"
Когда у вас изменилось значения слайдера - запускаете функцию, которая из значений слайдера конструирует имя класса типа s_[значение первого слайдера]_[значение второго слайдера] и затем прячем все блоки с классом slider_dependent, а показывает те, у которых есть вычисленный класс.
Если поэлегантнее - то например записать пограничные значения, при которых надо показывать блоки в какие-нибудь data-атрибуты и перебором решать, нужно ли показывать конкретный блок при данном значении ползунков.
Но это всё при условии, что вы программировать хоть чуток можете.

Да, логику понял. С программированием не очень. Но я бы разобрался если бы пример увидел какойнить простенький. Возможно кто то встречал. Так. да. это именно то, что надо.

ДП
На сайте с 23.11.2009
Offline
203
#7

http://jsfiddle.net/mzzjq350/2/

вот как-то так. бегунки попереключайте.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий