Хак AJAX индикатор загрузки в DLE


Хотите сделать современный индикатор загрузки в DLE, пример который вы можете увидеть на снимке выше, тогда вот вам новое решение хак AJAX индикатор загрузки в DLE. Установка осуществляется в два шага. Если у вас проблема и полоска показывает все время 100%, то есть корявенькое решение и установлено (jQuery 1.7.2), так быть не должно, будет работать бегущая полоска только с jQuery 1.8 и выше. Так что придется изменить версии jQuery. Для этого скачиваем с официального ресурса файл и меняем в движке.

Установка: AJAX индикатор загрузки хак для DLE
1. Скачиваем архив или берём с оф.хранилища

2. В своём шаблоне, в main.tpl, подключаем nprogress.css и nprogress.js
<link href="/templates/Default/css/nprogress.css" media="all" rel="stylesheet" />
<script src="/templates/Default/js/nprogress.js"></script>


3. Открываем файл /engine/classes/js/dle_js.js и находим:
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() }


4. Все проверяем :)

Автор скрипта оф.сайт:
Прикрутил : SaD (sadisme ru)
Версия DataLife Engine: DLE 10 - DLE 9.8 и ниже

Nprogress-dle.zip [19,37 Kb] (cкачиваний: 280)
00

Комментарии (0)

Оставить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив