Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 03.03.2021
Сообщений: 26
1

Как сохранить фильтр при нажатии кнопки "назад" (при возврате на предыдущую страницу)?

20.06.2021, 20:52. Показов 844. Ответов 2
Метки нет (Все метки)

На странице с товарами есть чекбокс. При его нажатии срабатывает некий фильтр группировки товаров.
Если посетитель переходит на товар, а потом возвращается обратно по кнопке браузера "назад", то происходит такая ситуация: чекбокс остаётся отмеченным, но при этом сам фильтр сбрасывается.
Как можно сделать так, чтобы фильтр сохранился? Если можно, с хоть какими-то примерами кода, пожалуйста, т.к. в JS я совершенно не силён.
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.06.2021, 20:52
Ответы с готовыми решениями:

Как закрыть модальное окно при нажатии кнопки «назад» на моб. телефоне вместо перехода на предыдущую страницу?
Привет коллеги! Вопрос такой: В мобильной версии сайта есть модальное окно. Всё бы ничего, но...

Перелистывание картинок при нажатии на кнопки "Назад" и "Вперед"
Как сделать перелистывание картинок при нажатии на кнопки назад и вперед в xamarin forms для...

Как при нажатии кнопки "сохранить" выдать окно с выбором места сохранения и сохранить текст, написанный в ТекстБокс, в формате .doc(x)
Уважаемы дамы и господа! Требуется чтоб при нажатии кнопки "сохранить" программа выводила окно с...

При нажатии кнопки "Назад" очистить форму ввода
if (empty($error)) { mysql_query(создаю таблицу ); $id = mysql_insert_id($bd); ...

2
308 / 224 / 76
Регистрация: 15.11.2017
Сообщений: 410
Записей в блоге: 4
22.06.2021, 16:55 2
Тогда обработчик чекбокса должен меняет урл. Можно "физически" через редирект, а можно через history.pushState().
0
0 / 0 / 0
Регистрация: 03.03.2021
Сообщений: 26
22.06.2021, 19:42  [ТС] 3
Цитата Сообщение от DimaDima1985 Посмотреть сообщение
Тогда обработчик чекбокса должен меняет урл. Можно "физически" через редирект, а можно через history.pushState().
Не помогло. Сделал сортировку на обычной кнопке (<button id = "button1" data-sort="-1">):

Javascript
1
2
3
4
5
6
7
8
9
10
$('#button1').click(function(){
    $(this).data('sort', $(this).data('sort') * -1);
    var listCat = $('.catitem');
    listCat.sort(function(a,b){
        return ($(a).data('price') - $(b).data('price')) * $('#button1').data('sort') ;
    });
    listCat.each(function(idx,itm){
        $('.catitems').append(itm);
    });
});
Добавил туда
Javascript
1
history.pushState({param: 'Value'}, '', '?a=qwerty');
Получился такой код:

Javascript
1
2
3
4
5
6
7
8
9
10
11
$('#button1').click(function(){
history.pushState({param: 'Value'}, '', '?a=qwerty');
    $(this).data('sort', $(this).data('sort') * -1);
    var listCat = $('.catitem');
    listCat.sort(function(a,b){
        return ($(a).data('price') - $(b).data('price')) * $('#button1').data('sort') ;
    });
    listCat.each(function(idx,itm){
        $('.catitems').append(itm);
    });
});
В конец адреса страницы добавляется "?a=qwerty". Сортировка срабатывает. После перехода на товар и обратно сортировка всё равно сбрасывается.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
22.06.2021, 19:42

Проблема обнволения страницы в IE, при нажатии кнопки "назад".
Ситуация такая юсер смотрит табличку делает клик и идет на страницу с подробной инфой (там может...

Сворачивание приложения при нажатии кнопки "Назад"
Как сделать, чтобы при нажатии кнопки &quot;назад&quot; приложение не закрывалось, а сворачивалось?

В созданном браузере при нажатии кнопки "Назад" выходит из приложения
Всем привет! Недавно начал изучать как разрабатывать приложения под Android. Хочу написать...

Как сделать вывод постов на страницу блога при нажатии кнопки "Показать еще"
Здравствуйте! На странице изначально 8 записей, остальные скрыты. Как сделать вывод остальных при...

Полное завершение работы приложения при нажатии навигационной кнопки "Назад"
Здравствуйте. Имеется приложение. При нажатии кнопки &quot;Домой&quot; приложение выходит на главный экран и...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.