Современный индикатор загрузки для DLE
Скачать бесплатно Современный индикатор загрузки для 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 функций ДЛЕ(добавление/удаление комментариев, голосования, календарь и т.д.), будет появляться новый индикатор.
Скачать Современный индикатор загрузки для DLE
Если ссылка на скачивание файла не доступна - дайте нам знать об этом через форму обратной связи
- Хаки и модули
- 28-08-2013, 14:05
- 3 521