Незаметный переход при нажатии на чекбокс


Xubart
334

На сайте https://clck.ru/MJjGd реализовано интересное открытие страниц при нажатии на чекбокс. Помогите как сделать так же, чтобы при нажатии (выбор параметра) URL менялся, основное содержимое, соответственно, тоже, но шаблон оставался как бы неподвижным? Создается эффект подгрузки контента по типу AJAX. Но как?


ziliboba0213

А где там чекбоксы?


Xubart

В фильтре слева.

К примеру, пункт «Производители»


ziliboba0213
Xubart:
В фильтре слева.
К примеру, пункт «Производители»

А, ну так обычный ajax… Или я вас не понял 🙂


Xubart

Аякс ли?

При аяксе меняется url?


ziliboba0213
Xubart:
Аякс ли?
При аяксе меняется url?

Ну у них там используется window.history.pushState, судя по беглому просмотру:

https://mebstyling.ru/wa-apps/shop/plugins/seofilter/js/filter_frontend.js?v=2.28

Да, загрузка в див ajax, а смена урла через window.history.pushState … Ну это я так, бегло посмотрел, под пивком лень копаться 🙂


Aisamiery
Xubart:
Помогите как сделать так же, чтобы при нажатии (выбор параметра) URL менялся, основное содержимое, соответственно, тоже, но шаблон оставался как бы неподвижным? Создается эффект подгрузки контента по типу AJAX. Но как?

Подгружается по ajax, url меняется при помощи history api. Как вам помочь не совсем понятно, так как реальзаций может быть миллион и маленькая тележка.


Lazy Badger
Aisamiery:
Как вам помочь не совсем понятно

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


Xubart
LazyBadger:
Ну что уж прямо как ребенок. ТС «постеснялся» написать «сделайте мне готовое на халяву» и использовал эвфемизм «помочь», смысл от этого не меняется

Кроме баксов ничего перед собой не видишь?

Пройди мимо, не позорься.

Первого ответа, что это именно АЯКС было достаточно.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *