Пагинация на JavaScript | JS (подробное объяснение)

[@skater1615]

НУЖНО БОЛЬШЕ ВИДЕО

[@ВиталийДавыдов-э4г]

А как если я из базы с помощью php достаю массив, как передать в этот код?

[@deanwichester6412]

Это легкая пагинация , а если таких кнопок 100. Я делаю как на Озоне, почти доделал, осталось только логику для скрытия и показа кнопки в начало и точек прописать . Там можно выбирать с какого номера страницы будет смещение это как бы пагинация при клике на любую страницу будет двигаться и скрываться , а мы будем оставаться на том же месте. А когда дойдем до последнего цикла, то при кликах мы уже не будем оставаться на том же месте.

[@northernlights1369]

ваш вариант пагинации еще легче в реализации

[@deanwichester6412]

@@northernlights1369 нет не легче, сделайте посмотрю

[@northernlights1369]

@@deanwichester6412 я делал оба варианта пагинации, могу показать как выглядит пагинация с точками, напишите мне в личку в тг @nl_web возможно попозже запишу видео как её сделать

[@deanwichester6412]

@ ок, дело не в точках, я пытался сделать на клиенте адаптивную пагинацию, что бы например она подстраивалась под кол-во данных и через интерфейс можно было бы задать количество видимых кнопок, а так же после какого номера кнопки (страницы) пагинация будет двигаться как слайдер. Например установил 4 и при нажатии на 2\3\4 \пагинация не двигается как слайдер, а просто отправляет fetch запрос, а при нажатии на 5 она начинает двигаться и также отправляет fetch, состояние сохраняет в локалсторедж. Пока сделана через функцию потом переделаю под класс, времени просто не хватает. Я так сделал себе класс слайдер 28 он адаптивный и подстраивается, теперь только им пользуюсь, ни каких библиотек. Могу скинуть ссылку на гит репо

[@Владислав-т5ы]

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

[@Сигма-ъ4щ]

А не лучше делать сразу на react?

[@northernlights1369]

В планах делать контент и на js, и на react Посмотрим

[@Владислав-т5ы]

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

[@northernlights1369]

Ты имеешь в виду под закрытием карточки ситуацию, когда открываешь страницу отдельного товара, а затем возвращаешься обратно в каталог или что-то другое? Как вариант, можешь каждый раз при изменении текущей страницы записывать её в localStorage и затем брать оттуда её номер