Постраничная навигация в модуле Тесты
Просмотров: 350 | Загрузок: 0 | Комментариев: 0 | Дата: 17.06.2025 | Добавил:
Resset
 |
Установка: 1 шаг. Ищем на главной странице модуля "Тесты" $BODY$ и заменяем на:
Code <div id="tests"> $BODY$ </div>
2 шаг. Это ставим после $BODY$ на этой же странице:
Code <?if($PAGE_ID$="tsMain")?> <script type="text/javascript"> $on_page = 8; // Количество материалов на странице $all = $('#tests .eTitle').length; // (не трогать) всего тестов $max_page = Math.round($all/$on_page)+1; $page = 1; // (не трогать) начальная страница if(parseInt(location.search.substr(6)) > $max_page) location.href='/tests/?page='+$max_page; if(parseInt(location.search.substr(6)) < $page) location.href='/tests/?page='+$page; if(location.search.substr(6) != '') $page = parseInt(location.search.substr(6)); // (не трогать) вырезание страницы из ?page= $('#tests .eTitle, #tests .eMessage, #tests br').hide(); // (не трогать) скрываем всё for($i=($page-1)*$on_page;$i<$page*$on_page;$i++){ // (не трогать) цикл вывода для текущей страницы $('#tests .eTitle:eq('+$i+'), #tests .eMessage:eq('+$i+'), #tests br:eq('+$i+')').show() // (не трогать) выводим нужные } // (не трогать) конец цикла for($i=1;$i<=$max_page;$i++) { // (не трогать) цикл вывода переключателей if($i==$page) { // (не трогать) проверка текущей страницы $('#selectors').append('<b>'+$i+'</b> ') // (не трогать) вывод текущей страницы } else { // (не трогать) если не эта страница $('#selectors').append('<a href="/tests/?page='+$i+'">'+$i+'</a> ') // (не трогать) вывод остальных переключателей } // (не трогать) конец условия } // (не трогать) конец цикла </script> <style type="text/css"> #selectors { text-align: center; border: 1px solid #EBBCBC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px; }
#selectors b { padding: 2px 7px; background: #A40606; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#selectors a { padding: 2px 7px; background: #fee4e8; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#selectors a:hover { color: #fff; background: #ffd0d8; text-shadow: #ff94a6 1px 1px 5px, #ff94a6 -1px 1px 5px, #ff94a6 -1px -1px 5px, #ff94a6 1px -1px 5px; } </style> <?endif?>
3 шаг. Настраиваем количество материалов на странице в $on_page = 8;
|
|