Как автоматически задать высоту фрейма?

Question

[Роман]

Всем привет!

Есть некая страница с фреймом, в который подгружаются разные внешние страницы (с других доменов), в зависимости от параметров и запросов.

Как передать в iframe высоту загружаемой страницы, чтобы содержимое не обрезалось?

Заранее спасибо

Comments

[Сергей c0re]

В % ?

[Роман]

Сергей, не помогает, пробовал

[Сергей c0re]

Роман Гонюков, а как вы пробовали? ну пример...

[Сергей c0re]

Как передать в iframe высоту загружаемой страницы, чтобы содержимое не обрезалось?

почему оно вообще обрезается? скролл же есть?
или overflow:hidden ?

[Роман]

Сергей, скролл есть
А нужно, чтобы без скролла полностью показывало содержимое, как будто это исходная страница.
Или так невозможно?

[Роман]

<iframe src="<?= $link ?>?partnerID=<?= $partnerID ?>" width="100%" height="100%" scroll="no" marginheight="0" frameborder="0" id="<?=$code?>" name="<?=$code?>"></iframe>

[Сергей c0re]

Роман Гонюков, а размеры страниц известны? страницы грузятся с других доменов, отличных от основного сайта?

[Роман]

Сергей, предполагается, что известны, да
И да, страницы грузятся с других доменов

Answer 1

[Ice]

С src фрейма можно передать информацию url?h=значение&w=значение.
Контейнер может задавать рамки для фрейма, а контент который вставляете должен подстраиваться.

Comments

[Роман]

Не совсем понял, можете подробнее объяснить?

[Ice]

Если вставки идут с ваших серверов, вы можете явно передавать размеры через src и на стороне сервера обрабатывать.
Если нужна просто динамическая вставка, тогда можно вот так https://www.w3schools.com/code/tryit.asp?filename=...
Рамки задает контейнер, а фрейм абсолютный

[Роман]

Ice, вообще исчезло всё.

Answer 2

[Роман]

В JS нет способа получить размер содержимого окна и добавить его в свойства фрейма?

Comments

[Роман]

Pardon Me! Where Do I Find 4giveness?, а как её достать, можете подсказать, какие методы использовать?

[Сергей c0re]

Роман Гонюков, если с других доменов, то в лоб никак.

[Сергей c0re]

но вы же сказали что размеры известны?
какая проблема задать их через css ??

[Роман]

Сергей, особенность в том, что каждый раз это будут разные страницы. У меня была мысль как-то грузить в БД ссылки на страницы и сразу указывать их высоту, а потом подставлять в параметры

Answer 3

[mahmudchon]

У меня однажды была такая задача, в которой данные подгружались к странице через iframe. Фактически, это была html форма, после успешного заполнения которой на странице в самом низу iframe появлялась еще одна, с возможностью отправки результата на почту. И вот весь этот динамический контент добавлял неприятный scrollbar. Я сильно не вникал, да и тогда некогда было, помогло такое решение - davidjbradshaw.github.io/iframe-resizer
Там же есть и примеры. По реализации, если не ошибаюсь, там была особенность - js файл нужно подключать к обеим страницам. Как к той, на которой идет подключение, так и к подключаемой.
Мой живой пример засунули сюда - https://help-ddu.ru/kalkulyator-neustojki
После заполнения формы и расчета тут еще подгружаются данные снизу, скрипт перестраивает блок налету.

Answer 4

[Сергей c0re]

Про Размеры и прокрутка страницы
Про Общение между окнами

Политика «Одинакового источника» говорит, что:

• если у нас есть ссылка на другой объект window, например, на всплывающее окно, созданное с помощью window.open или на window из и у этого окна тот же источник, то к нему будет полный доступ.
  
• в противном случае, если у него другой источник, мы не сможем обращаться к его переменным, объекту document и так далее. Единственное исключение – объект location: его можно изменять (таким образом перенаправляя пользователя). Но нельзя читать location (нельзя узнать, где находится пользователь, чтобы не было никаких утечек информации).
  

и есть решение по кроссдоменным iframe
Автоматическая кросс-доменная установка высоты Iframe

PS: но скрипты должны интегрироваться на обе стороны, на странице хосте и на странице в ифрейме.

PPS:

<iframe src="<?= $link ?>?partnerID=<?= $partnerID ?>" width="100%" height="100%" scroll="no" marginheight="0" frameborder="0" id="<?=$code?>" name="<?=$code?>"></iframe>

если размеры известны, то их можно и задать в пикселях.