Главная » Скрипты для uCoz » Разные скрипты » Постраничная навигация в модуле Тесты


100$ в день - на бирже подписок
 

Постраничная навигация в модуле Тесты

Автор: Raichu, Опубликован: 18:19, Просмотров: 482


Постраничная навигация в модуле Тесты, хороший и нужный скрипт. Описывать тут не стоит думаю, по скриншоту все понятно.

Установка:

Идем в панель управления => управление дизайном => модуль Тесты => Главная страница модуля тесты, далее находим $BODY$ и заменяем на это:

Code
<div id="tests">  
  $BODY$  
  </div>


Далее не уходя с этой же страницы, после $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?>


Ну и настраиваем количество материалов на странице в $on_page = 8;



    Источник: http://trane73.ru/      
Теги:

Раздел: Разные скрипты

Гости не могут оставлять комментарии в данной новости.
Рекомендуем Вам зарегестрироваться или войти на сайт под своим логином.