ایجاد iframe ی با ارتفاع نا محدود

[ahmadbadpey]

با سلام
دوستان چه جوری توی صفحاتمون iframe هایی ایجاد کنیم که ارتفاعشون بستگی به صفحه soruce اونها داشته باشه . یعنی هرچه صفحه ارتفاع داره iframe هم ارتفاع داشته باشه . اونایی که با کنترل پنل سیستم blogfa کار کرده اندمی دونند چی می گم . مثلا ما با زدن گزینه "آخرین نظرات خوانندگان" می تونیم صفحه مربوط به اونو در iframe سمت چپ به طور کامل مشاهده کنیم .

[sedamorde]

اگه height:auto تمام صفحه را نشون میده اما scroll میخوره!


<iframe style="width:100%; height:auto; border:0px" src="http://www.yahoo.com"></iframe>

[Unique]

ببینید ! این کدی که میگذارم به شرطی کار میکنه که صفحه ای که توی iframe نمایش میدین توی domain صفحه اصلی باشه ! وگرنه Access Denied میده :



function getDocHeight(doc) {
var docHt = 0, sh, oh;
if (doc.height) docHt = doc.height;
else if (doc.body) {
if (doc.body.scrollHeight) docHt = sh = doc.body.scrollHeight;
if (doc.body.offsetHeight) docHt = oh = doc.body.offsetHeight;
if (sh && oh) docHt = Math.max(sh, oh);
}
return docHt;
}

function setiframeheight(iframeName) {
var iframeWin = window.frames[iframeName];
var iframeEl = document.getElementById? document.getElementById(iframeName): document.all? document.all[iframeName]: null;
if ( iframeEl && iframeWin ) {
iframeEl.style.height = "auto"; // helps resize (for some) if new doc shorter than previous
var docHt = getDocHeight(iframeWin.document);

if (docHt) iframeEl.style.height = docHt + 30 + "px";
}
}


function frameIsLoaded(){
setiframeheight("myFrame")
}
</script>
<iframe id="frame1" name="myFrame" runat="server" width="950" height="400" frameborder="0" scrolling="no"></iframe>