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

2643
9 из 10
Проголосовало: 11






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

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

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

Code
<script type="text/javascript" src="http://webo4ka.ru/Ucoz6/cookies_pereklushateli.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://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:

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;}
Автор публикации: Загрузка
Загрузка
Kostyan, это его n материал
Источник: http://web41k.ru/
  • Всего комментариев: 7

azik5747
0
azik5747 написал: в материале Написано 05 Января 2013 в 23:24
Комментарий №7
Что за проблема когда нажимаешь 10 раз подгрузить то на 11 подгружается все занова с начала. Исправте эту проблему

TpaBka
0
TpaBka написал: в материале Написано 20 Августа 2012 в 09:49
Комментарий №6
Cпасибо автрору , все работает biggrin

NiKiT0S
-4
NiKiT0S написал: в материале Написано 18 Августа 2012 в 22:43
Комментарий №3
Такая хрень (подзагрузка) негативно влияет на индексацию сайта в поисковых системах.
Если стоит просто подзагрузка, то страница не листается дальше роботом, а просто подгружается на одной странице

AndreyKlipikov
-2
AndreyKlipikov написал: в материале Написано 19 Августа 2012 в 19:14
Комментарий №4
А ты в курсе, что стандартные переключатели страниц имеют атрибут rel="nofollow"? Они сам не индексируются

Kelin
0
Kelin написал: в материале Написано 20 Августа 2012 в 08:44
Комментарий №5
facepalm Прежде чем говорить что-то, подумай хорошенько

Muşatinu
+1
Muşatinu написал: в материале Написано 18 Августа 2012 в 09:13
Комментарий №2
a dlea kamentarii mozhna?

MrLemo
0
MrLemo написал: в материале Написано 17 Августа 2012 в 22:07
Комментарий №1
так себе, можно поставить себе

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2125
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 432
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • k43 написал:
  • Возможно из-за капчи для пользователей
  • Fast3sa написал:
  • Работает отлично,только вот бяда,отправлять могут только проверенные пользователи заявки(а просто юзеры не могут)
  • Fast3sa написал:
  • окей я понял что там не так(точнее я смог отправить сообщение о заказе) но только после того как поменял группу пользователю,помогите решить эту траблу
  • Fast3sa написал:
  • Народ подскажите в чем трабла? проблема такова заполняю все поля нажимаю отправить а он пишет не верный код безопасности,как это исправить,кода нет не какого сразу говорю
  • xXx_Pycckuu_xXx написал:
  • Загнулся ucodes.ru xD
    Последние темы
    Опрос
    319
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: