Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

How to get frame's height

Status
Not open for further replies.
papageno

papageno

Technical User
Dec 25, 2004
24
0
0
ES
In the following code, what should go in place of "¿?" to obtain the height of one (any) of the frames?

Code: 
<head>
...
  <script language="javascript">
     var frameheight = ¿?
  </script>
</head>
<frameset rows="30,*,30">
  <frameset cols="30,*,60,*,30">
    <frame name="top1" />
    <frame name="top2" />
    <frame name="top3" />
    <frame name="top4" />
    <frame name="top5" />
  </frameset>
  <frameset cols="30,*,60,*,30">
    <frame name="middle1" />
    <frame name="middle2" />
    <frame name="middle3" />
    <frame name="middle4" />
    <frame name="middle5" />
  </frameset>
  <frameset cols="30,*,60,*,30">
    <frame name="bottom1" />
    <frame name="bottom2" />
    <frame name="bottom3" />
    <frame name="bottom4" />
    <frame name="bottom5" />
  </frameset>
</frameset>
 
Sort by date Sort by votes
I think this would work

Code: 
Height = document.body.scrollHeight
 
Upvote 0 Downvote
That would be the height of the top-most frame i.e. the browser's window, wouldn't it?
 
Upvote 0 Downvote
Do you need this to work in all browsers??

I have something that will work in IE6 at the least.

It won't work in FF, and I'm not sure about IE7.

[monkey][snake] <.
 
Upvote 0 Downvote
This works in IE6:

Code: 
var fr = top.frames[5]
if (fr.window.innerHeight) {
   height = fr.window.innerHeight
} else if (fr.document.body.clientHeight) {
   height = fr.document.body.clientHeight
}

However, this seems to be the height of the document, not the height of the frame.
 
Upvote 0 Downvote
In IE6, this will list the heights of each frame on the onload.
Code: 
<script type="text/javascript">
   function doAlert() {
      var framesArray = window.parent.frames;
      var framesArrayLength = framesArray.length;
      for (a = 0; a < framesArrayLength; a++) {
         alert(framesArray[a].document.getElementsByTagName("body")[0].offsetHeight);
      }   
   }   
</script>
</head>
<frameset rows="30,*,30" onload="doAlert()">
  <frameset cols="30,*,60,*,30">
    <frame src="test2.html" name="top1" />
    <frame name="top2" />
    <frame name="top3" />
    <frame name="top4" />
    <frame name="top5" />
  </frameset>
  <frameset cols="30,*,60,*,30">
    <frame name="middle1" />
    <frame name="middle2" />
    <frame name="middle3" />
    <frame name="middle4" />
    <frame name="middle5" />
  </frameset>
  <frameset cols="30,*,60,*,30">
    <frame name="bottom1" />
    <frame name="bottom2" />
    <frame name="bottom3" />
    <frame name="bottom4" />
    <frame name="bottom5" />
  </frameset>
</frameset>
</html>

[monkey][snake] <.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Kennelbloke
  • Locked
  • Question
Can't Get Markers to show on Map
Replies
0
Views
176
Kennelbloke
Kennelbloke
Rayj0000
  • Locked
  • Question
How to disable an html button for subsequent website visitors?
Replies
0
Views
136
Rayj0000
Rayj0000
lexer
  • Locked
  • Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
154
lexer
lexer
penguinspeaks
  • Locked
  • Question
How do I pass a classic asp variable to JS
Replies
1
Views
231
xwb
xwb
jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
183
xwb
xwb

Part and Inventory Search

Sponsor

Back
Top