Можно ли задавать высоту iframe в зависимости от высоты содержимого контента?

Question

[mishapsv]

Нужно сделать айфрейм, который бы менял размеры в зависимости от содержимого.
С шириной проблем нет, но height="100%" не срабатывает.
Может быть вы знаете какие-то хаки для этого случая?

Answer 1

[Юрий]

<script language="javascript" type="text/javascript">
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  }
</script>

и у фрейма

<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

Comments

[Юрий]

но сработает только если на одном домене, если на другом домене то там другой способ - в обе страницы добавляются скрипты плагины, которые общаются между собой через postMessage

[mishapsv]

Юрий нужен как раз таки кроссдоменный вариант.

[Юрий]

mishapsv: пожалуйста https://github.com/davidjbradshaw/iframe-resizer
только учтите что в страницу в iframe нужно будет также добавлять эти скрипты.
если у вас нет к ним доступа (и никто по вашей просьбе не вставит) то никак.

[mishapsv]

Юрий офигенно! спасибо огромное!

[Александр Токмаков]

а можно как-нибудь сделать без onload="resizeIframe(this)"
чтобы все iframe автоматом под высоту. У меня wordpress сжирает onload после редактирования текста в визуальном редакторе, а пользователю не объяснить, что визуальным не пользоваться

[Александр Токмаков]

Александр Токмаков, Может кому пригодится:
Засунул iframe через шорткод плагина contact form 7

[Юрий]

Александр Токмаков, можно, просто событие навесить как обычно, например с jq будет так.
$('iframe').on('load', resizeIframe);

поздний ответ, но может еще кому-то нужно будет.

[Дмитрий]

Очень понравился Ваш ответ и все работает, но вот вопрос: как пофиксить, что бы скрипт пересчитывал высоту при переключении табов. У меня на странице, которую я вывожу во фрейме три таба. Очень бы хотелось, что бы высота пересчитывалась также при переключении табов. Заранее спасибо.

Answer 2

[Дима Паутов]

Если содержимое этого iframe чужого сайта, то нет!