Динамическое изменение высоты IFRAME

Question

Как можно динамически фиксировать динамическую динамику диаграмм Google Trend. Для примера рассмотрим вывод следующего кода.

<iframe width="600" height="320" src="http://www.google.com/trends/fetchComponent?hl=en-US&q=css-showcase&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=600&h=320" style="border: none;"></iframe> 

<hr> 
first contents 

<hr> 

<iframe width="600" height="320" src="http://www.google.com/trends/fetchComponent?hl=en-US&q=html5&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=600&h=320" style="border: none;"></iframe> 

<hr> 
second contents 

на jsFiddle:. http://jsfiddle.net/yzw8Y/

Answer 1

идентификатор набора для фрейма

и в Jquery набор высоты

$ ('# idval') CSS ('высота', '800px') ;

Answer 2

Я не тестировал его, но это могло бы сработать.

function autoResize(id) 
{ 
    var newheight; 
    newheight=document.getElementById(id).contentWindow.document.body.scrollHeight; 
    document.getElementById(id).height=newheight + "px"; 
} 

<iframe id="frame1" onload="autoResize('frame1')" ... >