Применение умного фильтра при выборе параметра, без AJAX Что бы сделать автоматическое применение ф...

Михаил Базаров

Дата последнего входа: 2 часа назад
Дата регистрации: 7 февраля 2012 21:17
День рождения: 7 ноября
Пол: Мужской
показать полностью
Михаил Базаров -> Всем
апр 14 2:47 pm
Применение умного фильтра при выборе параметра, без AJAX

Что бы сделать автоматическое применение фильтра достаточно немного jqery
Суть в том, что бы кнопка "Применить" нажималась сама при изменении параметра.

Под каждый параметр добавляем скрипт
<script>
                   $("#<?= $arItem['CODE']; ?>").change(function () {
                       $('.over_loading_filter').toggleClass('over_loading_filter_db2');
                       $('.set_filter').click();
                   });
</script>
Суть скрипта:
- При изменении текущего параметра (с id #<?= $arItem['КОД ПАРАМЕТРА']; ?>)
- Происходит клик по элементу с классом .set_filter (который у кнопки "Применить", класс можете назвать по своему)
- К элементу с классом .over_loading_filter добавляется класс .over_loading_filter_db

Элемент over_loading_filter не обязательный, просто для красоты. В него помещаем картинку gif или svg с "индикатором загрузки" и размещаем по центру страницы
(тут уже моменты чисто оформительские).
Нужно, что бы показать пользователю что что-то происходит.
У .over_loading_filter {display:none}
У .over_loading_filter_db {display:block}

Пример работы https://dvs-ok.ru/catalog/dvigatel_i_k...uyushchie/
Каталог запчастей
Каталог запчастей

Авторизация

На сайте работает вход через социальные сети. Просто, выберите наиболее удобную сеть и авторизация произойдет автоматически:
Проходя авторизацию, Вы безоговорочно принимаете условия политики конфеденциальности
Заказать проект