Главная » Файлы » Скрипты для 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

Категория: Другие скрипты | Добавил: Apocalypse | Теги: страниц, Apocalypse, переключателя, Стилизация, by, AJAX, стандартного
Просмотров: 832 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 1
0
Здравствуйте! Отличный скрипт но есть один вопрос как я понял при нажатии на следующую стр. скрипт добавляет в адресную строку /load/1-2 1-3 и тд но если обновить стр. с этим адресом вылетает 404 ошибка что не так подскажите?

Имя *:
Email: