prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Всё для DataLife Engine » DLE хаки » Современный индикатор загрузки

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


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


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


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

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

1. Скачиваем архив или берём с оф.хранилища https://github.com/rstacruz/nprogress
Z nprogress-dle.zip Размер: 2.91 Kb, скачали 651 раз

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


+24
Просмотры: 6219 VIP ProWebber | Комментарии (27)
Теги: AJAX, DLE, SaD, загрузка
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Quest1984

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

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

+1

#2sockman

  • 5 сентября 2013 15:13
  • Регистрация: 15.11.2011
  • ICQ: 1778287
  • Комментариев: 13
  • Выкл.
Quest1984, так и должно быть)

+1

#3Quest1984

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

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

0

#4Quest1984

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

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

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

0

#5SaD

  • 5 сентября 2013 16:29
  • Регистрация: 23.02.2011
  • ICQ: --
  • Комментариев: 502
Quest1984,
А не проще Jquery обновить?
Какая версия DLE кстати?

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

0

#6Quest1984

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

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

0

#7SaD

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

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

0

#8dimster

  • 5 сентября 2013 21:43
  • Регистрация: 6.01.2012
  • ICQ: --
  • Комментариев: 190
SaD как всегда на высоте =))

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

0

#9skazis

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

0

#10skazis

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

0

#11SaD

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

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

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

0

#12skazis

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

0

#13Quest1984

  • 7 сентября 2013 07:24
  • Регистрация: 23.09.2010
  • ICQ: 4054645
  • Комментариев: 85
Цитата: skazis
<div id="loading-layer" style="display:none">{$lang['ajax_info']}</div>

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

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

0

#14SaD

  • 7 сентября 2013 11:18
  • Регистрация: 23.02.2011
  • ICQ: --
  • Комментариев: 502
Цитата: 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>

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

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

0

#15skazis

  • 7 сентября 2013 11:42
  • Регистрация: 17.02.2012
  • ICQ: --
  • Комментариев: 21
Quest1984,
Сайт:


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

0

#16vitnet

  • 7 сентября 2013 11:50
  • Регистрация: 18.09.2010
  • ICQ: 8060715
  • Комментариев: 304
Установил все ок, спасибо!

0

#17SaD

  • 7 сентября 2013 12:04
  • Регистрация: 23.02.2011
  • ICQ: --
  • Комментариев: 502
skazis,
Значит где-то продублирована функция. Вроде тут:

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

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

0

#18skazis

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

0

#19SaD

  • 7 сентября 2013 12:20
  • Регистрация: 23.02.2011
  • ICQ: --
  • Комментариев: 502
skazis,
ну я и посмотрел...строка что я выше привёл, с того сайта.

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

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

0

#20skazis

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

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

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

Ваши переписки