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

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

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

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

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

Подключение к DLE
Для подключения, нам нужны файлы nprogress.js и nprogress.css.

1. В своём шаблоне, в файле main.tpl, перед
</head>
подключаем скрипт и стили:
<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 функций ДЛЕ(добавление/удаление комментариев, голосования, календарь и т.д.), будет появляться новый индикатор.
Внимание!
Для просмотра скрытого текста, Вам необходимо Войти или Зарегистрироваться.
  • DLE хаки
  • 28-08-2013, 14:05
  • 1600
Вернуться назад
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.