Den1xxx
Постоялец
- Регистрация
- 15 Янв 2014
- Сообщения
- 290
- Реакции
- 168
Это был ответ на
И вставить код нужно на страницу с фреймом. Он его найдёт и растянет на всю высоту родителя.
iframe - как настроить авто-высоту страницы?
- Автор темы r_219
- Дата начала
-
- Теги
- html joomla 3.x punbb
alex0987
Писатель
- Регистрация
- 6 Ноя 2013
- Сообщения
- 3
- Реакции
- 0
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Demo iframe Resize by Exterior</title>
<script type="text/javascript">
<!--
var timeout;
function clickAction() {
frameFitting();
var fr = document.getElementById('demo_frame').contentWindow.document.body.getElementsByTagName('a');
for (var i=0; i<fr.length; i++) {
fr[i].onclick = function() {
clearInterval(timeout);
timeout = setInterval("frameFitting()",100);
}
}
}
function frameFitting() {
document.getElementById('demo_frame').width = '100%';
document.getElementById('demo_frame').height = document.getElementById('demo_frame').contentWindow.document.body.scrollHeight+4+'px';
}
onload = clickAction;
//-->
</script>
</head>
<body>
<iframe src="frame.html" id="demo_frame" align="center" scrolling="no" frameborder="0" marginheight="0" marginwidth="0"></iframe>
</body>
</html>Растягивать по высоте можно через CSS, и не писать кучу яваскрипта.
1) например через привязку к высоте экрана: vh Для просмотра ссылки Войдиили Зарегистрируйся, или
2) .parent{position:relative} .child{position: absolute; top:0; bottom:0;}
1) например через привязку к высоте экрана: vh Для просмотра ссылки Войди
2) .parent{position:relative} .child{position: absolute; top:0; bottom:0;}