[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz » Скрипты для ucoz » Постраничная навигация в модуле Тесты для ucoz
Постраничная навигация в модуле Тесты для ucoz
offtop
Дата: Понедельник, 20.05.2013, 11:46 | Сообщение # 1
Оффлайн
Пользователи
Сообщений: 216
IP: Скрытная информация


Установка:
1 шаг. Ищем на главной странице модуля "Тесты" $BODY$ и заменяем на:
Код
<div id="tests">   
   $BODY$   
   </div>


2 шаг. Это ставим после $BODY$ на этой же странице:
Код
<?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;
.
Прикрепления: 2985851.png (13.2 Kb)
Форум » Ucoz » Скрипты для ucoz » Постраничная навигация в модуле Тесты для ucoz
  • Страница 1 из 1
  • 1
Поиск: