Категории раздела |
Профиль для 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
|
|
|
-
Главная
-
Скрипты для ucoz
-
Скрипты для ucoz
-
Подгрузка контента для 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
|
|
|
Комментарии отсутствуют