Мы в твиттере Мы в телеграме!

Провеббер » DataLife Engine » DLE хаки » Современный индикатор загрузки

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

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

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Современный индикатор загрузки.

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


Меняем AJAX индикатор загрузки в DLE

Автор скрипта/оф.сайт: https://github.com/rstacruz/nprogress
Прикрутил к DLE: SaD (sadisme.ru)
Версия DLE: 10-9.8 и ниже

1. Скачиваем архив или берём с оф.хранилища https://github.com/rstacruz/nprogress
nprogress-dle.zip [2.91 Kb] (cкачиваний: 705)
MD5: 74fc0e68de2e5b63524d976ab8bcf444


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. Ставим плюс в репутацию :)


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


+20
Просмотры: 8 463 :: Комментарии (27) :: :: Нужна помощь? Задайте вопрос на форуме ::
Теги: AJAX, DLE, SaD, загрузка
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Quest1984

  • 5 сентября 2013 14:46
  • Регистрация: 23.09.2010
  • Был(а) онлайн: 18.04.2020
  • Комментариев: 84
  • +1
Возможно я что-то не так делаю, но данный лоадер отображается просто как полоска сверху, которая при загрузке элемента - исчезает. Т.е. я не вижу чтобы он показывал процент загрузки (бегущая полоска).

--------------------

#2sockman

  • 5 сентября 2013 15:13
  • Регистрация: 15.11.2011
  • Был(а) онлайн: 14.11.2016
  • Комментариев: 13
  • +2
Quest1984, так и должно быть)

#3Quest1984

  • 5 сентября 2013 15:15
  • Регистрация: 23.09.2010
  • Был(а) онлайн: 18.04.2020
  • Комментариев: 84
  • 0
sockman, нет, так быть не должно. Все я разобрался - работает бегущая полоска только с jQuery 1.8 и выше.

--------------------

#4Quest1984

  • 5 сентября 2013 16:26
  • Регистрация: 23.09.2010
  • Был(а) онлайн: 18.04.2020
  • Комментариев: 84
  • 0
Так-с, у кого такая же проблема как и у меня - полоска показывает все время 100%, то есть корявенькое решение, но оно работает (на jQuery 1.7.2)

В файле nprogress.js замените positionUsing : '' на positionUsing : 'margin-left'

--------------------

#5SaD

  • 5 сентября 2013 16:29
  • Регистрация: 23.02.2011
  • Был(а) онлайн: 8.01.2020
  • Комментариев: 498
  • 0
Quest1984,
А не проще Jquery обновить?
Какая версия DLE кстати?

--------------------

#6Quest1984

  • 5 сентября 2013 16:38
  • Регистрация: 23.09.2010
  • Был(а) онлайн: 18.04.2020
  • Комментариев: 84
  • 0
SaD,
Это первое, что я испробовал. Но многие элементы перестали работать. Где конфликт - лень искать. DLE 9.3

--------------------

#7SaD

  • 5 сентября 2013 16:46
  • Регистрация: 23.02.2011
  • Был(а) онлайн: 8.01.2020
  • Комментариев: 498
  • 0
Quest1984,
Ок, понятно...видимо всё-же функции под старую версию написаны.
Значит только от DLE 9.7

--------------------

#8dimster

  • 5 сентября 2013 21:43
  • Регистрация: 6.01.2012
  • Был(а) онлайн: 10.09.2017
  • Комментариев: 188
  • 0
SaD как всегда на высоте =))

--------------------

#9skazis

  • 6 сентября 2013 23:33
  • Регистрация: 17.02.2012
  • Был(а) онлайн: 10.04.2021
  • Комментариев: 21
  • 0
Файлы залил. Подключил в шаблоне. Изменил dle_js.js. Все сохранил. Почистил кэш браузера и движка.... Не вижу я эту полоску boredom В чем может быть дело?

#10skazis

  • 6 сентября 2013 23:55
  • Регистрация: 17.02.2012
  • Был(а) онлайн: 10.04.2021
  • Комментариев: 21
  • 0
+ еще стандартный лоадер так и висит на сайте unknw

#11SaD

  • 7 сентября 2013 00:31
  • Регистрация: 23.02.2011
  • Был(а) онлайн: 8.01.2020
  • Комментариев: 498
  • 0
Ещё раз всё проверьте, такого не может быть...тем более чтоб старый лоадер работал, когда его функция удалена.

В другом браузере можно открыть для проверки.

--------------------

#12skazis

  • 7 сентября 2013 02:35
  • Регистрация: 17.02.2012
  • Был(а) онлайн: 10.04.2021
  • Комментариев: 21
  • 0
SaD,
Все правильно. Если в файле index.php убрать строчку
<div id="loading-layer" style="display:none">{$lang['ajax_info']}</div>
то стандартный загрузчик пропадает, но полоски так и нету. Пробовал в разных браузерах. У меня всегда, как не у людей dash

#13Quest1984

  • 7 сентября 2013 07:24
  • Регистрация: 23.09.2010
  • Был(а) онлайн: 18.04.2020
  • Комментариев: 84
  • 0
Цитата: skazis
<div id="loading-layer" style="display:none">{$lang['ajax_info']}</div>

Не надо убирать эту строчку. Можно взглянуть на ваш сайт?

--------------------

#14SaD

  • 7 сентября 2013 11:18
  • Регистрация: 23.02.2011
  • Был(а) онлайн: 8.01.2020
  • Комментариев: 498
  • 0
Цитата: skazis
Все правильно. Если в файле index.php убрать строчку
<div id="loading-layer" style="display:none">{$lang['ajax_info']}</div>
то стандартный загрузчик пропадает, но полоски так и нету. Пробовал в разных браузерах. У меня всегда, как не у людей

Если полоски нет и старый загрузчик появляется - то дело в dle_js.js. Так что чистите кэш, и проверяйте что файл действительно изменён.
Если и стандартный не появляется - то не там подключены стили и скрипт.

<div id="loading-layer" style="display:none">{$lang['ajax_info']}</div>

Этот код тоже уже становиться не нужным, после замены лоадера и его можно убрать, чтоб в исходнике мусора не было.

--------------------

#15skazis

  • 7 сентября 2013 11:42
  • Регистрация: 17.02.2012
  • Был(а) онлайн: 10.04.2021
  • Комментариев: 21
  • 0
Quest1984,
Сайт:


SaD,
Мой файл dle_js.js, измененный:

#16vitnet

  • 7 сентября 2013 11:50
  • Регистрация: 18.09.2010
  • Был(а) онлайн: 12.05.2024
  • Комментариев: 304
  • 0
Установил все ок, спасибо!

#17SaD

  • 7 сентября 2013 12:04
  • Регистрация: 23.02.2011
  • Был(а) онлайн: 8.01.2020
  • Комментариев: 498
  • 0
skazis,
Значит где-то продублирована функция. Вроде тут:

<script type="text/javascript" src="/engine/skins/default.js"></script>

--------------------

#18skazis

  • 7 сентября 2013 12:16
  • Регистрация: 17.02.2012
  • Был(а) онлайн: 10.04.2021
  • Комментариев: 21
  • 0
SaD,
Если Вам не трудно, посмотрите пожалуйста:

#19SaD

  • 7 сентября 2013 12:20
  • Регистрация: 23.02.2011
  • Был(а) онлайн: 8.01.2020
  • Комментариев: 498
  • 0
skazis,
ну я и посмотрел...строка что я выше привёл, с того сайта.

И там присутствует
function ShowLoading( message )

--------------------

#20skazis

  • 7 сентября 2013 12:46
  • Регистрация: 17.02.2012
  • Был(а) онлайн: 10.04.2021
  • Комментариев: 21
  • 0
СаД,
Спасибо большое. Работает.
Вы можете зайти на мой сайт и посмотреть, так ли должно быть?
Что-то эта полоска долго висит на верху и не пропадает.

1 2
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)
Июнь 2024 (30)

Последние комментарии: