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

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

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

Чтоб убрать в DLE стандартное окошко "Загрузка", мы подключим интересный скрипт, который заменит это "Укозовское убожество" на современный индикатор.

Вступление

Сам скрипт называется NProgress.js. Он добавляет тоненькую полоску-индикатор вверху страницы, которая показывает прогресс загрузки.

Подключение к DLE

Для подключения, нам нужны файлы nprogress.js и nprogress.css.

1. В своём шаблоне, в файле main.tpl, перед

</head>

подключаем скрипт и стили:

<link href="{THEME}/css/nprogress.css" media="all" rel="stylesheet" />
	<script src="{THEME}/js/nprogress.js"></script>

2. Открываем файл /engine/classes/js/dle_js.js и находим (для DLE 10, в других, может немного отличаться):

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() }

Готово

Теперь при совершении стандартных AJAX функций ДЛЕ(добавление/удаление комментариев, голосования, календарь и т.д.), будет появляться новый индикатор.


  • Хаки и модули
  • 28-08-2013, 14:05
  • 3 521
Вернуться назад
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.