Добро пожаловать на

uSdu

.3Dn.Ru
— Уникальные скрипты для uCoz!
Логотип uSdu
Все для CS сайтов и системы uCoz

Скрипты для uСoz

Каталог файлов

⇢

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

JavaScript


Смена - переключателей стр./Подгруздка материалов
[zzz][paddi]Итак сегодня мне в голову пришла такая идея сделать смену переключателей страниц на подгруздку материалов по желанию пользователя. Но так как если пользователь обновит страницу его выбор не сохранится, именно по этому без cookies здесь не обошлось! О самом скрипте, данный скрипт выводит либо переключатели, либо скрипт подгруздки материалов со следующей странице.[/paddi][/zzz]
[den][paddi]Установка скрипта[/paddi][/den]
[zzz][paddi]1. Подключаем cookies, для этого на Главной странице каталога файлов вставляем в head данный код:[/paddi][/zzz]
Code
<script type="text/javascript" src="http://web41k.ru/skripti/perekluchael/cookies.js"></script>

[zzz][paddi]2. Обносим тег body в id="contik": [/paddi][/zzz]
Code
<div id="contik">$BODY$</div>

[zzz][paddi]3. Заменяем код $PAGE_SELECTOR$ на следующий код: Получить код Code[/paddi][/zzz]
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>

[zzz][paddi]Ну и последние это CSS: [/paddi][/zzz]
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;}


Сайт автора: http://web41k.ru
Автор скрипта: Andrey

Добавил: Diez
|
Комментариев нет
|
Просмотров: 818
|
Дата добавления: 26.08.2012, 10:26

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Панель
Мини-чат
Загрузка чата...
Партнеры
Свободно
88x31 88x31
Последние темы
Текст
Вам нужен аватар?То вам сюда
Набор в команду
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Пользователи
Гости сайта
[ SiteMap.xml | ForumSiteMap.xml ]

Уникальные скрипты для uСoz

,

Всё для uCoz

,

готовые решения для uCoz

Загрузка...