Добрый день!
Пытаюсь динамически изменить высоту iframe (подгружается с моего же сайта), ничего не выходит. Как только не пытаюсь получить высоту содержимого - постоянно возвращает 0. Прошу помочь с решением!
Содержимое основной страницы:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>1</title>
</head>
<body>
<iframe src="1.php" id="frame" frameborder="1" onload="resizeIframe(this)"></iframe>
</body>
<script>
function resizeIframe(obj) {
//alert(obj.contentWindow.document.getElementsByTagName('body')[0].scrollHeight); - тоже возвращает 0
obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px'; // возвращает 0
}
</script>
</html>
Содержимое фрейма:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>1</title>
</head>
<body onclick="alert(this.offsetHeight); // а тут возврщает высоту (при нажатии на body)">
<div style="background:red; width:100px; height:350px;"></div>
</body>
<script>
//window.onload = function() {
//alert(document.getElementsByTagName('body')[0].offsetHeight); - тоже возвращает 0
//alert(document.documentElement.scrollHeight); - тоже возвращает 0
//}
</script>
</html>