Главная » Файлы » Скрипты для uCoz » Другие скрипты |
Стилизация стандартного ajax переключателя страниц by Apocalypse
24.06.14, 09:41:49 | |
Скрипт написан по просьбе пользователя Grey Данный скрипт позволяет как угодно изменять фон и поставить любой индикатор загрузки при ajax переключении между страницами В данном примере используется новый красивый ajax индикатор и полупрозрачный тёмный фон Другие индикаторы можете сгенерировать ЗДЕСЬ Для активации функции ajax переключателя достаточно просто убрать в ПУ -- Общие настройки галочку для опции "Отключить Ajax для переключателей страниц": Также привинчена вкусняшка, которая записывает в адресную строку данные страницы (Что, к сожалению, не делает родной переключатель) В данном примере рассматриваются лишь модули news и load Установка: В любой глобальный блок (Желательно в блок "Нижняя часть сайта") в самый низ: Код <?if($MODULE_ID$='news' or $MODULE_ID$='load')?> <script type="text/javascript"> function spages(p) { if (0) { <?if($MODULE_ID$='news')?> document.location.href = '/news/' + p; history.pushState(null, null, '/news/' + p); <?endif?> <?if($MODULE_ID$='load')?> document.location.href = '/load/<?ifnot($URI_ID$='ldMain')?><?substr($URI_ID$, -1, 1)?>-<?else?>1-<?endif?>' + p; <?endif?> return; } try { <?if($MODULE_ID$='news')?> history.pushState(null, null, '/news/' + p); <?endif?> <?if($MODULE_ID$='load')?> history.pushState(null, null, '/load/<?ifnot($URI_ID$='ldMain')?><?substr($URI_ID$, -1, 1)?>-<?else?>1-<?endif?>' + p); <?endif?> $('#myGrid').fadeIn().css({'background':'rgba(100, 100, 100, 0.5)', 'width':'100%', 'height':'100%', 'position':'fixed', 'z-index':'11', 'top':'0px', 'left':'0px'}); } catch (e) {} _uPostForm('', { <?if($MODULE_ID$='news' or $MODULE_ID$='index')?> url: '/news/'+p+'-0-0-0-0-0-' + Math.floor(Math.random() * 1e8) <?endif?> <?if($MODULE_ID$='load')?> url: '/$MODULE_ID$/0-' + p + '-' + Math.floor(Math.random() * 1e8) <?endif?> }); }; $('#myGrid div img').attr({'src': '/images/16.gif', 'height':'20px', 'width':'160px'}); </script> <?endif?> Картинку из прикреплённого архива залейте в папку images Нужны будут другие модули - пишите в комментариях Материал разработан и подготовлен Apocalypse | |
Просмотров: 969 | Загрузок: 0 | Комментарии: 1 | |
Всего комментариев: 1 | ||
| ||