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

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Хак 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="{THEME}/css/nprogress.css" media="all" rel="stylesheet" />
<script src="{THEME}/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 и ниже
  • 60
Рубрика: DLE хаки » Хак для DLE
Ранее » Хак убираем доступность к файлам в закрытых разделах« Далее Хак DLE Вывод oRating 3 в модальном окне
Добавление комментарияОставить комментарий
  • № :5
  • 20 августа 2016 00:52
Цитата: waratut
Подскажите пожалуйста как прикрутить это к DLE 11 ???
Спасибо!

посмотреть у автора новую версию или использовать старую версию /engine/classes/js/dle_js.js файла например от версии 10.0


если не поможет значит без исправления в файле nprogress.js не получится
  • № :4
  • 19 августа 2016 23:14
Подскажите пожалуйста как прикрутить это к DLE 11 ???
Спасибо!
  • № :3
  • 18 августа 2014 01:23
В общем... nprogress.js конфликтует с /engine/skins/default.js,
на некоторых модулях статистики юзеров на сайте используется.Есть альтернативное решение!В nprogress.js полностью меняем код
$(function() {
        $("body").append($("<div></div>").attr("id&
quot;, "progress"));
        $("#progress").width((50 + Math.random() * 30) + "%");
});
$(window).load(function() {
    $("#progress").width("101%").delay(300).fadeOut(400);
});

Ну и для красоты модно поменять на это в css
#progress {position: fixed;
    z-index: 100;
    top: 0;
    left: -6px;
    width: 1%;
    height: 3px;
    background: rgb(198, 206, 22);
    border-radius: 1px;   
    transition: width 500ms ease-out,opacity 400ms linear;
}
  • № :2
  • 7 мая 2014 18:23
Цитата: Karat7
на 10.2 работать не будет?

должен, просто JS
  • № :1
  • 7 мая 2014 15:40
на 10.2 работать не будет?