Как скрывать прелодером определенный блок с данными?

Question

[animr]

Помогите понять как отобразить прелодер gif-ку пока не загрузятся все данные блока. Именно блока интересует а не всей страницы. Ничего внятного в инете не нашел. Спасибо

Comments

[animr]

Максим Зайцев, Блок div где находится массив данных, где данные подгружаются долго. Я его хочу отделить от страницы с отдельной подгрузкой. И таких блоков штук 5 - 6ть

[animr]

Массив, который парсится со стороннего сервиса, в режиме онлайн

[animr]

Код есть который парсит его, не асинхронный, php. Мне нужно чтоб пока этот массив не заполниться в этом блоке где должно отобразиться массив, крутилась гифка

Answer 1

[Erl]

Предоставьте код
p.s. колхозный вариант
У вас есть блок, и пока данных нет, соответственно есть какой то элемент в который они должны прийти
через JS можете проверять есть ли там данные, если нет, то показать блок ну или этому блоку к примеру div, задать стили :before и там уже прикрутить gif'ку, тогда элемент :before будет находиться поверх блока div

Comments

[animr]

Тут блок куда приходит массив с данными

<div onload="loadData()" class="row" id="dataArray">
        <!-- Загрузка данных через ajax -->
</div>

Вызываю функцию после загрузки страницы

// Ожидание загрузки всей страницы
$(document).ready( function() {
       loadData();
});

сама функция

function loadData() {
	$.ajax({
	  	method: "POST",
	  	url: "/mod/mod_news_load.php",
	  	success: function( data ) {
	  		if ( data != 'success' ) {
	  			$("#dataArray").html( data );
	  		}
      	} 
	});
}

Мне нужно в этом блоке отобразить гифку пока данные этого блока полностью не загрузятся

<div onload="loadData()" class="row" id="dataArray">
        <!-- Загрузка данных через ajax -->
</div>

[Erl]

Перед success

beforeSend: function() {
        $("#loaderDiv").show();
    },

И в success loaderDiv.hide

[animr]

Erl, Огромное спасибо! все получилось!