Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
  • Страница 1 из 1
  • 1
Динамическая высота iframe
#1
Четверг, 02.12.2010, 13:27
Огурчик
Пользователь
Сообщения: 6
Репутация: 31
Вопрос таков: Как сделать высоту iframe такой что бы она подстраивалась под загружаемое содержимое.

Т.е. есть страница, на этой странице присутствует код:
<a href="ссылка" target="iframe">ссылка</a>
<a href="ссылка" target="iframe">ссылка</a>
<a href="ссылка" target="iframe">ссылка</a>

<iframe name="iframe"></iframe>

Т.е. при нажатии на ссылку открывается во iframe данное содержимое. Каждое содержимое разных размеров, поэтому мне нужно так что бы iframe подстраивался под размер данного содержимого!

Перелазил очень много сайтов, нормального решения не нашел. некоторые писали что это вобще не возможно, если это так есть какие-либо другие способы вывода информации с другой страницы? (с моего сайта) Например на js?

#2
Четверг, 02.12.2010, 15:18
$USERNAME$
Проверенный
Сообщения: 6860
Репутация: 9662
Страница во фрейме на том же домене, что и сайт?
#3
Четверг, 02.12.2010, 16:54
Огурчик
Пользователь
Сообщения: 6
Репутация: 31
Да

Вот одно из решений, страницу растягивает но не сужает

<script language="JavaScript">
<!--
function autoResize(id){
var newheight;
var newwidth;

if(document.getElementById){
newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
}

document.getElementById(id).height= (newheight) + "px";
document.getElementById(id).width= (newwidth) + "px";
}
//-->
</script>

<iframe name="iframe" id="iframe1" src="сцылка" scrolling="no" frameborder="0" style="width:100%;" onLoad="autoResize('iframe1');"></iframe>

#4
Четверг, 02.12.2010, 17:03
$USERNAME$
Проверенный
Сообщения: 6860
Репутация: 9662
Code
<iframe src='/index' id='frame'>
</iframe>
<script type='text/javascript'>
  var frame = document.getElementById("frame"),
  checking = setInterval(function () {
   try {
    frame.height = frame.contentWindow.document.body.scrollHeight;
    frame.width = frame.contentWindow.document.body.scrollWidth;
   } catch (e) {}
  }, 100);
  frame.onload = function () {
   clearInterval(checking);
  };
</script>
#5
Среда, 14.08.2013, 14:39
ROMAN18
Пользователь
Сообщения: 1
Репутация: 0
[quote=$USERNAME$]<iframe src='/index' id='frame'>
</iframe>
<script type='text/javascript'>
var frame = document.getElementById("frame"),
checking = setInterval(function () {
try {
frame.height = frame.contentWindow.document.body.scrollHeight;
frame.width = frame.contentWindow.document.body.scrollWidth;
} catch (e) {}
}, 100);
frame.onload = function () {
clearInterval(checking);
};
</script>[/quote]

Во фрейме загружается страница, как в этот же фрейм передать другую страницу из такого же фрейма?

Основной документ html на локальном ПК во фрейм загружаются все снаружи
Пост отредактировал ROMAN18 - Среда, 14.08.2013, 14:45
  • Страница 1 из 1
  • 1
Поиск:
Форум
Социальные сети
Хостинг от uCoz