Как динамически установить высоту iFrame по данным сайта в jQuery

Question

Любое решение?

Я рассмотрел многие решения, но не сработал.

например, я хочу загрузить yahoo.com, cnet.com и т. Д. В этом случае мне нужно показать их в iFrame, но того же размера, который можно увидеть в отдельном окне или вкладке в браузерах.

Наконец-то я нашел решение, эй, ребята, поделитесь этим.

<div id="frmLayout" style="position: absolute; top: 33px; left: 0; bottom: 0; right: 0;">
<iframe id="frm" style="position: absolute; width: 100%; height: 100%; overflow: auto; border: 0" src="http://news.yahoo.com/storms-kill-4-damage-branson-theater-district-    152532082.html"></iframe>
</div>    

Answer 1

Проверьте эту веб-страницу с помощью этого скрипта:

• http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm

Это скрипт, который может вам помочь.Но я бы предложил вам пойти в другом направлении.Использование Iframes не всегда хорошая практика.Но если нет другого пути, иди к нему; -)

Answer 2

<div id="frmLayout" style="position: absolute; top: 33px; left: 0; bottom: 0; right: 0;">
<iframe id="frm" style="position: absolute; width: 100%; height: 100%; overflow: auto;    border: 0" src="http://news.yahoo.com/storms-kill-4-damage-branson-theater-district-    152532082.html"></iframe>    
  </div>    

вы можете изменить положение с помощью jquery как можно лучше.

Answer 3

Дайте элементу iframe идентификатор или атрибут класса, чтобы вы могли получить к нему доступ, тогда вы сможете изменить высоту с помощью jQuery, выполнив что-то вроде:

$('#my_iframe').css('height', 800);

// or 

$('#my_iframe').height(800);

Надеюсь, это поможет?