1. В мобильной версии сайта по клику по зеленой кнопке взамен кнопки выгрузить список глав в виде select списка с помощью ajax
2. В версии для ПК убрать старый php скрипт создания меню, перевести его на ajax,
логика -
2.1
Получаем количество глав с помощью
category_count; ?>
Далее на основе этой цифры рисуем похожую менюшку - ток пустую
2.2 при клике на пункт менюшки - к примеру главы 1-100 - запрашиваем полученные главы и загружаем в открывшийся список.
2. 3 над менюшкой рисуем статическую форму поиска, при вводе в нее номера главы - запускаем скрипт подгрузки всех глав и выводим под окном все найденные по запросу главы. Код поиска есть в фильтрах
title="ПОИСК главы">
let searchInput = document.getElementById("searchInput");
function searchFilter() {
let filter = searchInput.value.toUpperCase();
if (searchInput.value) {
const searchFilter = cat.filter(filterItem => filterItem.cat_title.toUpperCase().indexOf(filter) > -1);
displayCatFilters(searchFilter);
loadList();
} else {
displayCatFilters(cat);
loadList();
}
}
3 самое сложное
https://www.youtube.com/watch?v=cLwC91Zx024&t=927s
вот видос, хочу при нажатии на кнопку след пост или предыдущий пост загружать его таким способом.
