EA-GAMING.DO.AM » Файловый архив » Скрипты uCoz
Меню сайта
Файловый архив
Шаблоны Сайтов [106]
Шапки для Сайтов [0]
Кнопки Форума [16]
Шапки для Сайта [0]
Иконки групп [46]
Скрипты uCoz [116]
Мини - Чат
Статистика
Статистика сайта
Пользователей всего: 381
Материалов всего [?]: 2503 +
Онлайн всего: 4
Гостей: 4
Пользователей: 0
Гости сайта Пользователи
CY-PR.com
Пользователи онлайн:
Наша группа
USER бары
Топ Пользователей


Flava
Репутация: 32767
Постов: 10
Релизов: 1281


474
Репутация: 32767
Постов: 216
Релизов: 1077


3JloY
Репутация: 0
Постов: 1
Релизов: 42


Nixx
Репутация: 0
Постов: 1
Релизов: 29


Vlad_[Kst]
Репутация: 32767
Постов: 0
Релизов: 11
Пользователи
сталкер Дата [ 04.06.2025 ]
reallny1337 Дата [ 27.04.2025 ]
vikingfack6 Дата [ 05.01.2025 ]
stan-mars Дата [ 02.12.2024 ]
serega Дата [ 09.02.2024 ]
Наш код
Всё для тебя и твой игры!


Наши Группы
Наша группа Вконтакте Наша группа Steam Подписывайся на новость RSS
Связь с Админом
Skype: Aquenna_temir
Icq: Отсутствует
Вконтакте: rusya_temurtay
E-mail: Ruslan012395@Mail.ru

Смена - переключателей стр./Подгруздка материалов

0
361


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

Установка скрипта:

Шаг первый. Подключаем cookies, для этого на Главной странице каталога файлов вставляем в head данный код:

Код
<script type="text/javascript" src="http://webo4ka.ru/Ucoz6/cookies_pereklushateli.js"></script>


Шаг второй, обносим тег body в id="contik":

Код
<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="http://webo4ka.ru/Ucoz6/upload_pereklushateli.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>


Ну и последние это 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;}



html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию
Категория: Скрипты uCoz
Дата: 20.06.2025
Добавил: 474
Бесплатный конструктор сайтов — uCoz