Kredov long

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

Тема в разделе "DataLife Engine", создана пользователем immersive, 1 ноя 2013.

  1. immersive

    immersive

    Регистрация:
    1 ноя 2013
    Сообщения:
    15
    Симпатии:
    2
    [​IMG]
    Чтоб убрать в DLE стандартное окошко "Загрузка", мы подключим интересный скрипт, который заменит это "Укозовское убожество" на современный индикатор.

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

    Можете посмотреть демо или скачать на GitHab'е

    Подключение к DLE
    Для подключения, нам нужны файлы nprogress.js и nprogress.css. Вы можете их скачать с GitHab'а выше, либо взять из моего архива - nprogress-dle.zip (в нём немного изменён внешний вид и сжат JS)

    1. В своём шаблоне, в файле main.tpl, перед </head> подключаем скрипт и стили:

    2. Открываем файл /engine/classes/js/dle_js.js и находим (для DLE 10, в других, может немного отличаться):

    Меняем на:

    3. При желании можно из index.php, удалить теперь уже не нужный код:

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