Логин:
Пароль:
Страница 1 из 11
Форум » О uCoz » Скрипты » Смена - переключателей страниц/Подгруздка материалов
Смена - переключателей страниц/Подгруздка материалов
AndreyДата: Понедельник, 24.03.2014, 14:47:27 | Сообщение # 1
Технарь
Offline
3

Замечательный скрипт по смене переключателей страниц на подгруздку материалов по желанию пользователя. Но так как если пользователь обновит страницу его выбор не сохранится, именно по этому без cookies здесь не обошлось! О самом скрипте, данный скрипт выводит либо переключатели, либо скрипт подгруздки материалов со следующей странице.

И так приступим к установке. Сначала пропишем CSS стиль:
Код
.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;}


Далее идём на Главную страницу каталога файлов и между <head> и </head>. И подключаем cookies:
Код
<script type="text/javascript" src="/js/cookies.js"></script>


На этой же странице ищем $BODY$ и заменяем его на:
Код
<div id="contik">$BODY$</div>


Опять же на этой странице ищем $PAGE_SELECTOR$ и заменяем на:
Код
<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="/js/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>


Всё, осталось только залить файлы из прикреплённого ниже архива к себе на хост в папку "js"

Материал подготовил: Andrey
Для того чтоб скачать прикреплённые файлы нужно Зарегестрироватся, или войти на сайт под своим логином
 
профиль
Форум » О uCoz » Скрипты » Смена - переключателей страниц/Подгруздка материалов
Страница 1 из 11
Поиск: