Автору данного скрипта пришла гениальная идея, сменить переключатели страниц на подгрузку материалов по вашему желанию. Но если данный пользователь обновит страничку, то его выбор естественно не сохранится, поэтому без кукиес здесь не обошлось. Работа скрипта: скрипт выводит либо переключатели страниц или скрипт подгрузки материалов со следующей страницы. Смотрите DEMO.
Установка:
ПУ => Главная страница каталога файлов и в head вставляем это:
Далее обносим тег body в id="contik":
Далее заменяем $PAGE_SELECTOR$ на это:
Далее идем в Таблицу стилей и вставляем это:
Установка:
ПУ => Главная страница каталога файлов и в head вставляем это:
Code
<script type="text/javascript" src="http://web41k.ru/skripti/perekluchael/cookies.js"></script>
Далее обносим тег body в id="contik":
Code
<div id="contik">$BODY$</div>
Далее заменяем $PAGE_SELECTOR$ на это:
Code
<center> <div class="weselector"> <div class="selector1"> $PAGE_SELECTOR$ <a href="javascript://" onclick="$('.weselector').slideToggle(); setCookie('cokContik',1,365);"><div class="changeselector">Сменить переключатель</div></a> </div> </div> <div class="weselector" style="display:none;"> <div class="selector2"> <div style="display:none;" id="selector">$PAGE_SELECTOR$</div> <a href="javascript://" onclick="$('.weselector').slideToggle(); eraseCookie('cokContik');"><div class="changeselector">Сменить переключатель</div></a> </div> </div> <script type="text/javascript"> if(getCookie('cokContik')){$('.weselector').slideToggle();} if ($("#selector").find(".swchItem:contains('»')").text() == '»') { $("#selector").after('<br><div id="nextCont"><div onclick="Conti.to();" style="cursor:pointer;"><b>Еще материалы</b></div></div>'); }; Conti = { to:function(){ $("#nextCont").html('<div><img src="http://web41k.ru/skripti/perekluchael/upload.gif" border="0" /></div>'); nextik = $("#selector").find(".swchItem:contains('»')").attr('onclick').toString(); num = nextik.match(/\d/); $.get('/load/0-'+num, function(next){ $("#contik").append( $("#contik", next).html() ); $("#selector").html( $("#selector", next).html() ); $("#nextCont").html('<div onclick="Conti.to();" style="cursor:pointer;"><b>Еще материалы</b></div>'); if ($("#selector", next).find(".swchItem:contains('»')").html() == null) { $("#nextCont").fadeOut(); }; }); } } </script> </center>
Далее идем в Таблицу стилей и вставляем это:
Code
.weselector {background:#e7f0f5; text-align:center; border:1px solid #c9d4db; height:46px; width:564px;}
.weselector a {text-decoration: none;}
.selector1 {padding:13px; font-size:12px; color:#7a98a8; text-shadow:0px 1px 0px #fff;}
.selector2 {font-size:12px; color:#7a98a8; text-shadow:0px 1px 0px #fff;}
.changeselector {font-size:10px; color:#7da0b4;}
.weselector a {text-decoration: none;}
.selector1 {padding:13px; font-size:12px; color:#7a98a8; text-shadow:0px 1px 0px #fff;}
.selector2 {font-size:12px; color:#7a98a8; text-shadow:0px 1px 0px #fff;}
.changeselector {font-size:10px; color:#7da0b4;}
Источник: http://web41k.ru
