Все для DataLife Engine / DLE хаки / Хак для DLE / Хак AJAX индикатор загрузки в DLE

Хак 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качиваний: 293)
  • 60

Комментарии 5

dle9.com от 20 августа 2016 00:52
Цитата: waratut
Подскажите пожалуйста как прикрутить это к DLE 11 ???
Спасибо!

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


если не поможет значит без исправления в файле nprogress.js не получится
waratut от 19 августа 2016 23:14
Подскажите пожалуйста как прикрутить это к DLE 11 ???
Спасибо!
reanimator692 от 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;
}
dle9.com от 7 мая 2014 18:23
Цитата: Karat7
на 10.2 работать не будет?

должен, просто JS
Karat7 от 7 мая 2014 15:40
на 10.2 работать не будет?
Добавить комментарий

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

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent