resizing iframe inside a dialog?

resizing iframe inside a dialog?


Hi All,
I'm wondering if anyone knows how to resize an iframe inside a dialog
box when the dialog gets resized? I'm loading the dialog up this way:
$this.click(function(){
$('<iframe id="externalSite" class="externalSite"
src="' + this.href + '" />').dialog({
title: ($this.attr('title')) ?
$this.attr('title') : 'External Site',
autoOpen:true,
width:800,
height:500,
modal:true,
resizable:true, // note: if true, we have to
resize the inner iframe on the fly
overlay: {
opacity: 0.5,
background: "black"
}
});
return false;
});
As is, when the dialog gets resized, the content in the iframe stays as
is, so if the iframe had some scrollbars showing, they just stay where
they are (ie, in the middle of the dialog if it's stretched out). I'm
thinking I need to have the iframe resize when the dialog does.
Thanks in advance!
Jack