Возможно Вы видели на многих сайтах вместо стандартного переключателя страниц кнопки "назад" и "вперед". Данный небольшой скрипт реализует рабочие кнопки данного типа.
Скрипт предназначен для «
Каталога файлов». Переделать под другие модули не сложно.
Установка: 1. Сначала установим стили для кнопок. Заходим в
ПУ ->
Управление дизайном ->
Таблицу стилей CSS и вставляем следующее:
Код
.pageselector {text-align:center; padding: 10px 0;}
a.page-btn:hover{background: #b9b9b9 url(http://webo4ka.ru/Ucoz8/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(http://webo4ka.ru/Ucoz8/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>
Установка завершена!