Как добавить анимацию при загрузке новостей

249893 21.12.2012 Общие вопросы по вёрстке, jQuery 3843

вопрос

Привет всем.

Была недавняя тема на счет подгрузки страниц по нажатию на кнопку, все работает хорошо.
Вопрос: как сделать когда нажал на конопку чтоб пока новости формируются отображалась GIF анимация ( ну что-то в роде в вк когда новости подгружаешь выходит картинка ajax).

Спасибо.

Показать / Скрыть текст


<center><a onclick="nextPage(); return false;" class="bbcodes" style="cursor: pointer">Показать еще</a></center><br />
 
<div id="ajax-next-page" style="display: none;">[next-link][/next-link]</div>
<script type="text/javascript">
function nextPage() {
var nextPage = $('#ajax-next-page a').attr('href');
ShowLoading("");
$('.bbcodes').remove();
$('#ajax-next-page').remove();
if (nextPage !== undefined) {
$.ajax({
url: nextPage,
success: function(data) {
$('#ajax-next-page').remove();
$('#next-page').remove();
HideLoading("");
$('#dle-content').append($('#dle-content', data).html());
var checkPage = $('#ajax-next-page a').attr('href');
if(checkPage==undefined) {$('.bbcodes').remove();}
}
})
}
};
</script>

Ответил: BR0kEN

Функция ShowLoading(""); вызывает стандартный загрузчик DLE. Стиль ему задается с помощью id loading-layer, который обычно описан в engine.css.

Если не хочется терять стандартный стиль загрузчика, то откройте /engine/classes/dle_js.js, найдите функции ShowLoading, HideLoading и создайте их копию ниже. Далее переименуйте их, присвойте нужный идентификатор и опишите в css сам стиль загрузчика.

И в коде, который вы указали в вопросе, не забудьте поменять ShowLoading(""); на NewShowLoadingName(""); и HideLoading(""); на NewHideLoadingName("");

Похожие вопросы

Как сделать, чтобы при нажатие на кнопку, мне приходило извещение в админку+ссылка откуда её нажали.

24.01.2014 feniks01 Общие вопросы по вёрстке

Как добавить разделы в "Пожаловаться"?

27.02.2014 sttamu Общие вопросы по вёрстке

Убрать скрипт опроса

07.06.2014 ExVood Общие вопросы по вёрстке

Как изменить URL /page/1/?

29.04.2015 Exilez Общие вопросы по вёрстке

Последние события

mondolfo | Как вывесит в comments.tpl картинку с но ... ⁷

mondolfo
Как вывесит в comments.tpl картинку с новости?
Вчера, 23:42

кто-нибудь решил эту?
Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
22-11-2024, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .

наверх