Меню сайта
Для Веб-Мастера Скрипты для сайта Онлайн игры Видео онлайн Картинки Заказать рекламу О нашем сайте Правила нашего сайта Обратная связь Карта сайта XML
Реклама
Наш опрос
Папка это?
Всего ответов: 1137
Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Гости Пользователи
Дополнительно
Главная » Скрипты для сайта » Переключатели страниц

Новый вид переключателя страниц "Подгрузка контента" для Ucoz

Хочешь сказать спасибо? Кликни на рекламный баннер.

16.03.2012, 20:51

Задача данного скрипта подгружать контент, который находится на следующей странице, нажатием одной кнопки "Подгрузить материалы". Достойная замена стандартным переключателям uCoz. Он не только с экономит трафик Ваших дорогих пользователей, но и сведет к минимуму ожидание между стандартным переключением между страницами.
Управление дизайном » Главная страница каталога файлов, находим там $BODY$ и заменяем его на это:
Code
<div id="contik">$BODY$</div>

Вставляем этот скрипт чуть ниже:
Code
<div style="display:none;" id="selector">$PAGE_SELECTOR$</div>  

  <script type="text/javascript">  
  if ($("#selector").find(".swchItem:contains('»')").text() == '»') {  
  $("#selector").after('<br><div id="nextCont" class="input_submit alt" style="display:block; text-align:center;"><div onclick="Conti.to();" style="padding:3px;"><b>Подгрузить материалы</b></div></div>');  
  };  

  Conti = {  
  to:function(){  
  $("#nextCont").html('<div style="padding:4px"><img src="http://ВАШ САЙТ/2.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="padding:3px;"><b>Подгрузить материалы</b></div>');  
  if ($("#selector", next).find(".swchItem:contains('»')").html() == null) { $("#nextCont").fadeOut(); };  
  });  
  }  
  }  
  </script>

Заходим в CSS и ставим:
Code
/* Подгрузка контента */
div.input_submit {background:#2a3946 url("http://ВАШ САЙТ/1.png") repeat-x 0 0px; border:1px solid #202c36; color:#fff;  
display:inline-block; padding:5px 10px; text-align:center; text-shadow:rgba(0,0,0,0.7) 0px 1px 0px; -moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;}
div.input_submit:hover {background-color:#364959; color:#fff; cursor:pointer;}

div.input_submit.alt {background:#758a9d url("http://ВАШ САЙТ/1.png") repeat-x 0 0px; border:1px solid #61768a;  
color:#e6edf4; text-shadow:rgba(0,0,0,0.3) 0px 1px 0px}
div.input_submit.alt:hover {background-color:#8197aa; color:#fff; cursor:pointer;}

div.input_submit.some {background:#e9e9e9 url("http://ВАШ САЙТ/1.png") repeat-x 0 0; border:1px solid #ccc;  
text-shadow:#fff 0px 1px 0px; color:#666;}
div.input_submit.some:hover {cursor:default; background-color:#f9f9f9; color:#666}
/* Подгрузка контента */

Скачайте архив ,распакуйте. Изображения залейте на свой сайт, и поменяйте http://ВАШ САЙТ/
на ваши ссылки.





Если у Вас возникли вопросы по установке или работе скрипта, то задайте их в комментариях и мы постараемся вам помочь.

Источник материала: Неизвестен/Не указан
При коприровании материала просьба ставить ссылку на оригинальную статью.

Ссылка:
BB-код:
HTML-код:
Добавил: -angel- | Просмотров: 5459 | Загрузок: 545 | Комментарии: 3 | Рейтинг: 3.8/11
Теги: новый вид, переключатель страниц, для uCoz, подгрузка контента
Всего комментариев: 2
Сообщение №1 от Nikita
Добавлен: 04.04.2013

У меня не работает этот код в модуле Онлайн игр. Посмотрите, что не так и скажите мне, что нужно исправить!
ССЫЛКА УДАЛЕНА
Хорошо, что я не встроил этот код на основной сайт, а только на тестовый!
Сообщение №2 от Олег
Добавлен: 04.04.2013

Я протестировал данный скрипт и у меня всё работает. В следующий раз читайте внимательнее описание, в первой строке написано: Управление дизайном » Главная страница каталога файлов.
То-есть скрипт для КАТАЛОГА ФАЙЛОВ а не для Игр (где вы используете).
Для того что-бы скрипт заработал найдите во втором скрипте
$.get('/load/0-'+num, function(next){     
и замените load на stuff и всё у вас будет работать.
ВНИМАНИЕ !!!
Добавлять комментарии могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
А знаете ли Вы, что ...

Человек, который выкуривает пачку сигарет в день, выпивает пол-чашки смолы в год.


Реклама
Популярные материалы
Наша кнопка
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:

Скрипты для сайта

Друзья сайта