mishiko
Постоялец
- Регистрация
- 5 Сен 2011
- Сообщения
- 320
- Реакции
- 135
- Автор темы
- #1
1.
Чтоб убрать в DLE стандартное окошко "Загрузка", мы подключим интересный скрипт, который заменит это "Укозовское убожество" на современный индикатор.
Вступление
Сам скрипт называется NProgress.js. Он добавляет тоненькую полоску-индикатор вверху страницы, которая показывает прогресс загрузки.
Можете посмотреть Для просмотра ссылки Войдиили Зарегистрируйся или скачать на Для просмотра ссылки Войди или Зарегистрируйся
Подключение к DLE
1. Для подключения, нам нужны файлы nprogress.js и nprogress.css. Вы можете их скачать с GitHab'а выше, либо взять из моего архива - Для просмотра ссылки Войдиили Зарегистрируйся (в нём немного изменён внешний вид и сжат JS)
В своём шаблоне, в файле main.tpl, перед </head> подключаем скрипт и стили:
2. Открываем файл /engine/classes/js/dle_js.js и находим (для DLE 10, в других, может немного отличаться
Меняем на:
3. При желании можно из index.php, удалить теперь уже не нужный код:
Готово
Теперь при совершении стандартных AJAX функций ДЛЕ(добавление/удаление комментариев, голосования, календарь и т.д.), будет появляться новый индикатор.
Чтоб убрать в DLE стандартное окошко "Загрузка", мы подключим интересный скрипт, который заменит это "Укозовское убожество" на современный индикатор.
Вступление
Сам скрипт называется NProgress.js. Он добавляет тоненькую полоску-индикатор вверху страницы, которая показывает прогресс загрузки.
Можете посмотреть Для просмотра ссылки Войди
Подключение к DLE
1. Для подключения, нам нужны файлы nprogress.js и nprogress.css. Вы можете их скачать с GitHab'а выше, либо взять из моего архива - Для просмотра ссылки Войди
В своём шаблоне, в файле 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() }
3. При желании можно из index.php, удалить теперь уже не нужный код:
Код:
<div id="loading-layer" style="display:none">{$lang['ajax_info']}</div>
Готово
Теперь при совершении стандартных AJAX функций ДЛЕ(добавление/удаление комментариев, голосования, календарь и т.д.), будет появляться новый индикатор.