Как показать заглушку на время прогрузки контента?

Question

[Андрей Белый]

Всем добрый день!
Заказчик попросил присобачить сторонний скрипт на свой сайт, суть:
Скрипт подгружает iframe в котором находится свой document с div'ами и прочими html атрибутами, это обязательно необходимо подгружать через ajax т.к. этот скриптик должен подгружаться по нажатию кнопки, прикол в том, что при нажатие на кнопку вначале проходит пару секунд прежде чем начнется «строительство» всего document и заказчику это конечно не понравилось.
Скрипт бронирования номеров:

<script type="text/javascript" src="//ext.ihbooking.ru/loader.php?key=a6bb630f550135cf655e7201d7ce87f7&objid=801&customcss=gupmc&default=true&nodescription=true"></script>

Что необходимо:
Приделать глушилку (или прелоадер, называйте как хотите) на время пока формируется document и пока не загрузятся все div и изображения, как отследить этот момент? Может есть какое-нибудь событие которое сигнализирует о том, что все готово?

Набросал на скорую руку, для теста:

$.ajax({
			type: "POST",
			url: 'server.php',
			dataType: "html",
			data: '',
			complete: function() {
				console.log('Контент подгрузился (complete)');
			},
			success: function(result) {
				console.log('Контент подгрузился (success)');
				$("#content").html(result);
			},
			error: function(err) {
				console.log(err);
			}
		}).always(function() {
			console.log('Контент подгрузился (always)');
		});

Все события срабатывают раньше чем загружается контент, подскажите, может кто решал подобное?
Решения с setTimeOut и подобные не подходят, может быть ситуация, что у пользователя медленный интернет и загрузка будет дольше обычного.

Comments

[Владимир Коротенко]

событие загрузки это одно, а событие готовности документа совершенно другое.

ondocumentready

Answer 1

[lUser L]

...ajax
  beforeSend: function( ) {
   show_preloader();
  },      
  complete: function() {
    hide_prelodaer();
  }
...

Answer 2

[Владимир Коротенко]

Подробности тут
https://learn.javascript.ru/onload-ondomcontentloaded

Comments

[Андрей Белый]

Это то, что мне в первую очередь в голову пришло, но тут получается на стороне этого скрипта должен срабатывать ondocumentready, чтобы сигнализировать мне о том, что их document загружен, как я со своей стороны могу такое провернуть с их document?

[Владимир Коротенко]

Андрей Белый, по идее родитель может достучаться до детей и событий у них. Навскидку правда не помню. Так что подписывайтесь на его события

[Андрей Белый]

Вот, что скрипт мне присылает, удивительно то, что я не могу даже стили задать элементам внутри, сталкивались с таким?

[Владимир Коротенко]

Андрей Белый, В общем то нет но могу предложить задать стиль от id iframe и перекрывать импортантами вниз.