 What is the difference between height, scrollHeight, and style.height
Hi:
I have a IFrame called "dataFrame". Does anybody know the difference between
document.getElementById('dataFrame').height
and
document.getElementById('dataFrame').Document.body.scrollHeight;
and
document.getElementById('dataFrame').style.height
[QUOTE]
function shrinkIFrame() {
var theFrame=document.getElementById('dataFrame');
var header,headerHeight,footer,navPrimaryMenu,navPrimaryMenuHeight,mainMenu2,iFrameHeight,mainMenu2Height,wholeWindowHeight;
var totalHeight,differenceHeight;
if(theFrame){
theFrame.style.display="block"
if(theFrame.Document && theFrame.Document.body.scrollHeight)
{
header=parent.document.getElementById('Header2');
navPrimaryMenu=parent.document.getElementById('navPrimaryMenu');
mainMenu2=parent.document.getElementById('mainMenu2');
headerHeight = header.offsetParent.offsetHeight;
navPrimaryMenuHeight=navPrimaryMenu.scrollHeight;
mainMenu2Height=mainMenu2.scrollHeight;
wholeWindowHeight=document.body.offsetHeight;
iFrameHeight =theFrame.Document.body.scrollHeight;
totalHeight =headerHeight+mainMenu2Height+navPrimaryMenuHeight;
differenceHeight = wholeWindowHeight - totalHeight;
//alert("differenceHeight: " + differenceHeight);
if (iFrameHeight > differenceHeight)
{
// 92 represent the row header, one row and the scrollbar
//alert("iFrameHeight > differenceHeight");
if (differenceHeight > 92)
{
theFrame.style.height=differenceHeight+ 'px';
}
else
{
alert("theFrame.height:"+theFrame.height+"theFrame.Document.body.scrollHeight:"+theFrame.Document.body.scrollHeight);
alert("differenceHeight:"+differenceHeight+"theFrame.style.height:"+theFrame.style.height);
theFrame.height=theFrame.Document.body.scrollHeight;
}
}
else
{
theFrame.style.height = differenceHeight +'px';
}
}
if(theFrame.attachEvent){
theFrame.detachEvent("onload", readjustIframe)
theFrame.attachEvent("onload", readjustIframe)
}
}
}
[/QUOTE]
Yours,
Frustrated Started By jadeite100 on May 31, 2007 at 2:47:38 PM |
