Навигатор

Шаблоны для Joomla
Шаблоны для uCoz
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [128]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [15]
форма входа для ucoz
Переключатели для ucoz [9]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Интересное
Мини профиль + Форма входа
Рейтинг: 65718
Красивое горизонтальное меню для ucoz
Рейтинг: 53773
Мини-чат для ucoz
Рейтинг: 48126
Скрипт мониторинга cs серверов
Рейтинг: 43288
Слайдер новостей для uCoz
Рейтинг: 18600

Подгрузка контента для ucoz

Подгрузка контента для ucoz

Задача данного скрипта ucoz подгружать контент, который находится на следующией странице, нажатием одной кнопки "Подгрузить материалы". Достойная замена стандартным переключателям uCoz, согласны? Скрипт можно назвать "Новый вид переключателя страниц". Он не только с экономит трафик Ваших дорогих пользователей, но и сведет к минимуму ожидание между стандартным переключением между страницами.

1. Заменяем $BODY$
Управление дизайном » Главная страница каталога файлов, находим там $BODY$ и заменяем его на это:
Code
<div id="contik">$BODY$</div>
2. Javascript...
Вставляем этот скрипт чуть ниже:
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://wallaby.ucoz.ru/_ph/1/2/196877609.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://wallaby.ucoz.ru/_ph/1/2/792369711.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://wallaby.ucoz.ru/_ph/1/2/792369711.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://wallaby.ucoz.ru/_ph/1/2/792369711.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}
Категория Скрипты для ucoz | Добавил: Wallaby | Просмотров: 4783 |

Комментарии отсутствуют

по актуальности
Чтобы оставить комментарий, необходимо или