• Автор:

    Flesha
  • Добавлено:

    авг 27, 2013
  • Комментариев:

    0
  • Просмотров:

    1702

Хак Современный индикатор загрузки страниц

Хак Современный индикатор загрузки страниц

Чтоб убрать в DLE стандартное окошко "Загрузка", мы подключим интересный скрипт, который заменит это "Укозовское убожество" на современный индикатор.

Вступление.
Сам скрипт называется NProgress.js. Он добавляет тоненькую полоску-индикатор вверху страницы, которая показывает прогресс загрузки.
Можете посмотреть демо или скачать на GitHab'е

Подключение к DLE:

Для подключения, нам нужны файлы nprogress.js и nprogress.css. Вы можете их скачать с GitHab'а выше, либо взять из архива:
У вас нет доступа к скачиванию файлов с нашего сервера


1. В своём шаблоне, в файле main.tpl, перед подключаем скрипт и стили:
<link href="{THEME}/css/nprogress.css" media="all" rel="stylesheet" />
<script src="{THEME}/js/nprogress.js"></script>


2. Открываем файл /engine/classes/js/dle_js.js и находим (для DLE 10, в других, может немного отличаться):
function ShowLoading(b){b&&$("#loading-layer").html(b);b=($(window).width()-$("#loading-layer").width())/2;var c=($(window).height()-$("#loading-layer").height())/2;$("#loading-layer").css({left:b+"px",top:c+"px",position:"fixed",zIndex:"99"});$("#loading-layer").fadeTo("slow",0.6)}function HideLoading(){$("#loading-layer").fadeOut("slow")}


Меняем на:
function ShowLoading(b){ NProgress.start() } function HideLoading(){ NProgress.done() }


Готово!

Теперь при совершении стандартных AJAX функций ДЛЕ(добавление/удаление комментариев, голосования, календарь и т.д.), будет появляться новый индикатор.

Автор: SaD
Источник: sadisme.ru
Версия DLE: 9.x-10.x
Вернуться
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.