Пагинатор, или удобная постраничная навигация

[Romych]

в общем-то переход по страницам из конца в середину, можно осуществлять традиционным путём, введя в диалоговое окно нужный номер страницы темы, но можно чуточку побыстрее, и чуточку по красивее,
в общем сделал вот такой пагинатор, срабатывающий при наведении курсора на ссылки страниц темы



Пагинатор

устанавливаем в
Главная страница AЦ -> Скины и Шаблоны -> Настройка скинов -> HTML -> Просмотр темы (Topic View Section) -> Footer (Редактировать)
в самый верх

Код

<!-- Paginator 2012-->
<script type="text/javascript">
$('div#ipbwrapper1 table tbody tr td a:first').map(function () {
text = $(this).html();
text2 = $(this).attr('href');
topic=text2.slice(text2.indexOf("showtopic=")+10,-2);
ss=/(\\d+)\\'\\,(\\d+)\\,(\\d+)/g;
pd=(topic.replace(ss, '$1')); // номер темы
pd2=parseInt(topic.replace(ss, '$2')); // максимум сообщений в теме
pd3=parseInt(topic.replace(ss, '$3')); // максимум сообщений на странице (шаг)
var paginator='<div id="pagenav" style="display:none"><table id="paginator"><tr>';
if ( pd2 > 0 && pd3 > 0 )
for (p=0; p<=pd2; p+=pd3) {
m = p/pd3+1;
paginator += '<td><a id="pnav" style="text-decoration:none;padding:5px;" href="/index.php?showtopic='+pd+'&st='+p+'">&nbsp;'+m+'&nbsp;</a></td>';
if (m%5 == 0) paginator += '</tr><tr>';
}
paginator += '</tr></table></div>';
$('div#ipbwrapper1 table tbody tr td:first').append(paginator); });
$('div#ipbwrapper1 table tbody tr td').hover(function(){
$(this).find('#pagenav').toggle(); });
</script>

стиль оформления
в Главная страница AЦ -> Скины и Шаблоны -> Настройка скинов -> CSS
самый низ

Код

#paginator {
opacity: 0.9;
position: absolute;
left: 95px;
z-index: 1000;
filter: alpha(opacity=90);
background-color: #61bde7; /* фон блока пагинатора */
border: 2px solid #59add4; /* цвет границы блока */
table-layout: auto !important;
width: auto !important;
background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
-moz-border-radius: 4px;
border-radius: 4px;
khtml-border-radius:4px;
-webkit-border-radius:4px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

#paginator td {
padding: 0.1em;
border-style: none;
}

#pnav:hover {
background: black; /* фон цифры при наведении курсора */
color: lime; /* цвет цифры при наведении курсора */
-moz-border-radius: 9000em;
border-radius: 9000em;
khtml-border-radius:9000em;
-webkit-border-radius:9000em;
font-weight: bold;
}

ПРИМЕР работы

Это сообщение отредактировал Romych - Фев 11 2012, 12:35

[WARLORD]

Спасибо! Поставлю к себе на форум. Кстати очень полезная модификация.

А если страниц более 100 (К примеру) то он будет все их отображать?

[WARLORD]

Странно, но у меня почему то не работает, все сделал как написано. Но без изменений.

[Romych]

Цитата (WARLORD @ Фев 11 2012, 11:00)

Спасибо! Поставлю к себе на форум. Кстати очень полезная модификация.

А если страниц более 100 (К примеру) то он будет все их отображать?

да, будет отображать все 100 страниц,
если по каким-то причинам не работает попробуйте ещё раз поставить ту часть, которая ставится в Главная страница AЦ -> Скины и Шаблоны -> Настройка скинов -> HTML -> Просмотр темы (Topic View Section) -> Footer (Редактировать)
предыдущую попытку при этом удалив, скрипт потому что содержит регулярное выражение с обратными слэшами, а они при сохранении вырезаются

[WARLORD]

Опять тоже самое, не работает. Может какой то скрипт забыли упомянуть? Ну или другое что то...

[Romych]

а попробуйте уменьшить количество отображаемых сообщений на одной странице темы, сейчас у вас вроде бы 25, сделайте например 15, чтоб поглядеть, будут ли изменения,

я проверяю, вроде бы ничего не упустил, в инструкции

[asm-a]

Установил у себя и тоже не работает.
Хотя на вашем форуме работает.

Цитата

будут ли изменения,

у меня 15 и не работают.

Это сообщение отредактировал аsm-а - Фев 11 2012, 12:30

[Romych]

Цитата (аsm-а @ Фев 11 2012, 12:30)

Установил у себя и тоже не работает.
Хотя на вашем форуме работает.

Цитата

будут ли изменения,

у меня 15 и не работают.

блин, не понимаю чего происходит, на всякий случай отредактировал первое сообщение этой темы и перезалил скрипт (может быть до этого упустил какую-нибудь кавычку),
хотя консоль ошибок у меня не ругалась при просмотре страниц WARLORD

[asm-a]

Romych, может, этот скрипт засунуть в Header? Сейчас попробую немного по шаманить.

[Romych]

аsm-а,

у вас единственная тема, в которой можно было бы нормально проверить - http://exf.ipb.su/index.php?showtopic=24&st=75
но не наблюдаю у вис ни скрипта, ни стиля к нему

[asm-a]

Romych, пагинатор стоит и в стиле, и в футере. Все вроде по инструкции сделано.

[Romych]

аsm-а,

а у вас гости видят один стиль, а пользователи другой?
я вот захожу как гость, просматриваю исходный код, не вижу ни стиля пагинатора в CSS блоке, ни скрипта его в футере

такое ощущение, что вы всё закинули в шаблон другого стиля

[asm-a]

Romych, гости и пользователи видят один стиль (черный), другой стоит при выборе, но им никто не пользуется.

[Romych]

аsm-а, может быть я не туда захожу? http://exf.ipb.su/

[asm-a]

Romych, этот форум. Других у меня нету.