Как сделать заглушку для обновления iframe?

Question

[rinaz22]

Всем привет! Подключил iframe на другой файл моего сайта. При клике делается запрос:

function obn() {
	document.getElementById("abc").src='file.php';
}

iframe обновляется, но не красиво. Как сделать заглушку типа "Загрузка..." пока та страница полностью не обновиться?

Answer 1

[Leo Developer]

Можно навесить событие `onload`, и когда iframe обновляется - скрывать его, и вместо него отображать что угодно, а когда он обновился, отобразить iframe

Comments

[rinaz22]

Можете, пожалуйста, привести пример?

Answer 2

[Владимир Иванов]

1) После нажатия на кнопку создаем скрытый <div> с нужным нам содержимым.
2) Показываем любой preloader
3) На событие полной загрузки iframe содержимого вешаем скрытие preloader и показ содержимого iframe

Comments

[rinaz22]

не совсем понял ваш вариант. Я делаю так, но он обратно не показывает:

function update() {
	document.getElementById("abc").src='test';
	document.getElementById("abc_block").style.display='none';
	window.onload = function() {
		document.getElementById("abc_block").style.display='block';
	}
}

[Владимир Иванов]

rinaz22, в iframe вы можете использовать

document.addEventListener('DOMContentLoaded', function () {
        //Логика после загрузки iframe
        document.getElementById("abc_bloc")style.display='block';
    });