Чтоб убрать в 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

 Демо / Инфо

nprogress-dle.zip

MD5: 74fc0e68de2e5b63524d976ab8bcf444

Скачано: 416, размер: [2,91 Kb], дата: 28 август 2013

Если ссылка на скачивание файла не доступна - дайте нам знать об этом через форму обратной связи