自适應IFrame（IFRAME AutoStretch）

說明：

page_include = 被引用的頁面

page_parent = 首頁面

解決方法：

方法1

在$page_include加入JS代碼

function  AutoStretch_1(frmId)

... {

    var frmObj = null;

    //如果被引用且提供的父視窗的FRAMEID

    if (parent != null && frmId != null)

        ...{

            frmObj = parent.document.getElementById(frmId);

        }

            if (frmObj != null)

    ...{    

        if (frmObj.contentDocument)

        ...{//FOREFOX

            frmObj.style.height=document.body.offsetHeight;

        }

        else (frmObj.Document)

        ...{//IE && Opera

            frmObj.style.height = document.body.scrollHeight;

        }

    }

}

該方法有一個BUG，如果$page_include發生無重新整理的動态改變，導緻$page_include的顯示高度變短，opera将顯示不正常。

方法2

在$page_parent 端增加JS代碼

Iframe自适應高度

< script language = " JavaScript " >  

// ** iframe自動适應頁面 **//

// 輸入你希望根據頁面高度自動調整高度的iframe的名稱的清單

// 用逗号把每個iframe的ID分隔. 例如: ["myframe1", "myframe2"]，可以隻有一個窗體，則不用逗号。

// 定義iframe的ID

var  iframeids = [ " content " ]

// 如果使用者的浏覽器不支援iframe是否将iframe隐藏 yes 表示隐藏，no表示不隐藏

var  iframehide = " yes "

function  dyniframesize() 

... {

var dyniframe=new Array()

for (i=0; i<iframeids.length; i++)

...{

        if (document.getElementById)

...{

//自動調整iframe高度

dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);

if (dyniframe[i] && !window.opera)

...{

dyniframe[i].style.display="block"

if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight) //如果使用者的浏覽器是NetScape

dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight; 

else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果使用者的浏覽器是IE

dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;

}

}

//根據設定的參數來處理不支援iframe的浏覽器的顯示問題

if ((document.all || document.getElementById) && iframehide=="no")

...{

var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])

tempobj.style.display="block"

}

}

}

if  (window.addEventListener)

window.addEventListener( " load " , dyniframesize,  false )

else   if  (window.attachEvent)

window.attachEvent( " onload " , dyniframesize)

else

window.onload = dyniframesize

</ script >

方法3

支援FIREFOX,IE,OPERA

1. 在$page_include端的最後一行增加一個空白的圖檔

2. 在$page_include端增加JS代碼

function  AutoStretch_2(frmId, lastPicId)

... {

    var frmObj = null;

    if (parent != null && frmId != null)

        ...{

            frmObj = parent.document.getElementById(frmId);

        }

    if (frmObj != null)

    ...{    

        frmObj.style.height=parent.document.getElementById(lastPicId).offsetTop;        

    }

}

getPostion = function(elem)

... {

    var offsetTrail = elem;

    var offsetLeft = 0;

    var offsetTop = 0;

    while (offsetTrail) ...{

        offsetLeft += offsetTrail.offsetLeft;

        offsetTop += offsetTrail.offsetTop;

        offsetTrail = offsetTrail.offsetParent;

    }

    var res = ...{"left":offsetLeft,"top":offsetTop};

    return res;

} ;

getHeight  =  function(elem)

... {

    if (elem.offsetHeight)

        ...{

        return elem.offsetHeight;

        }

    else

        ...{

        return elem.scrollHeight;

        }

} ;

getWidth  =  function(elem)

... {

    if (elem.offsetWidth)

    ...{

        return elem.offsetWidth;

    }

    else

    ...{

        return elem.scrollWidth;

    }

} ;