27.08.13, 23:23
2 комментарий
  DLE Хаки

Современный индикатор загрузки для DLE

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

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

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

2. В своём шаблоне, в файле main.tpl, перед:

</head>


Подключаем скрипт и стили:

<link href="{THEME}/style/nprogress.css" media="all" rel="stylesheet" />
<script src="{THEME}/js/nprogress.js"></script>



3. Открываем файл /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 функций ДЛЕ (добавление/удаление комментариев, голосования, календарь и т.д.), будет появляться новый индикатор.

Версия DLE: 9.x-10.x
Автор: SaD

СКАЧАТЬ

Вес файла
2.91 Kb

Комментарии

  1. NorDULaN Пользователь offline 14 октября 2013 20:01                    

    Не знаю почему.. уменя не заработало.. и убило вообще анимацию. :D

  1. ToNik Пользователь offline 14 октября 2013 21:51                    

    NorDULaN,
    Я тож поковырял и бросил...
    Не интересно...

Напишите своё мнение