Переключатели страниц "Назад"-"Вперед" | Page switches "Back" - "Forward"
Распечатать

Переключатели страниц "Назад"-"Вперед" | Page switches "Back" - "Forward"

Переключатели страниц "Назад"-"Вперед" | Page switches "Back" - "Forward"

Возможно, вы замечали, что на многих веб-сайтах вместо стандартного переключателя страниц появляются кнопки "назад" и "вперед". В этом небольшом скрипте реализованы работоспособные кнопки такого типа. Скрипт был создан специально для модуля "Каталог файлов", но его модификация для других модулей не составит большого труда.

 

Установка:
1. Сначала установим стили для кнопок. Заходим в ПУ -> Управление дизайном -> Таблицу стилей CSS и вставляем следующее:
.pageselector {text-align:center; padding: 10px 0;}  
  a.page-btn:hover{background: #b9b9b9 url(//gig-life.ru/s/web/uCoz/Profiles/3/glass_perexodi.png) repeat-x 0 50%;}  
  a.page-btn{  
  -webkit-transition: background 0.5s ease;  
  padding: 7px 12px;  
  font: bold 11px/13px "Tahoma",Helvetica,Arial,sans-serif;  
  text-decoration: none;color: #fefefe;  
  border: none;  
  background: #d3d3d3 url(//gig-life.ru/s/web/uCoz/Profiles/3/glass_perexodi.png) repeat-x 0 50%;  
  -webkit-border-radius: 6px;  
  -moz-border-radius: 6px;  
  border-radius: 6px;  
  }
 
2. Теперь непосредственно установим сами кнопки. Переходим в ПУ -> Управление дизайном -> Каталог файлов -> Главная страница и вставляем следующий код:
<div class="pageselector"><a id="pageprev" class="page-btn" title="Назад">Назад</a> <a id="pagenext" class="page-btn" title="Вперед">Вперед</a></div>  
  <?if($PAGE_SELECTOR1$)?><div style="display: none;">$PAGE_SELECTOR$</div><?endif?>  
  <script>  
  if ($(".pagesBlockuz1").html()=="") {$("#pageprev").hide(); $("#pagenext").hide();}  
  else {  
  var nowpage = $(".pagesBlockuz1 .swchItemA span").html();  
  if (nowpage=="" || nowpage==1) {$("#pageprev").hide();} else $("#pageprev").attr("href","/load/0-"+(nowpage-1)+"");  
  var nextpage = $(".pagesBlockuz1 .swchItem").html();  
  var al = $(".pagesBlockuz1 a.swchItem:last span").html();  
  if (al!="»") {$("#pagenext").hide();} else $("#pagenext").attr("href","/load/0-"+(+nowpage+1)+"");  
  }  
  </script>

 

Установка завершена!


Раздел: uCoz и uCit

Категория: uCoz Скрипты

Кодировка: utf-8

Автор: Неизвестен

Опубликовал: Дмитрий


Подождите, сейчас файл будет подготовлен, через
секунд Вы получите ссылку на скачивание,
а сейчас может Зарегистрируемся? wink это быстро!

Имя:*
E-Mail:
Кликните на изображение чтобы обновить код, если он неразборчив


Реклама

Copyright © 2023 | Проект GiG-LiFe.ru
Материалы на этом сайте взяты из общедоступных источников и могут быть удалены по просьбе авторов, при наличии доказательства авторства.
Materials on this site are taken from public sources and may be deleted at the request of their authors when there is evidence of authorship.