Resizing an IFrame

H.A.P · Sep 18, 2003

hi

I'm trying to change the size of an iframe. In the following page, how
should I do it?

<html>

<head>
<script language="javascript">
function resize_frm() {
I1.width=400;
}
</script>
</head>

<body>
<p onclick="resize_frm()">RESIZE</p>

<iframe name="I1" src="contents.htm" width="200" height="150">
Your browser does not support inline frames or is currently configured not
to display inline frames.</iframe>

</body>

</html>

Vjekoslav Begovic · Sep 18, 2003

H.A.P said:
hi

I'm trying to change the size of an iframe. In the following page, how
should I do it?

<html>

<head>
<script language="javascript">
function resize_frm() {
I1.width=400;
}
</script>
</head>

<body>
<p onclick="resize_frm()">RESIZE</p>

<iframe name="I1" src="contents.htm" width="200" height="150">
Your browser does not support inline frames or is currently configured not
to display inline frames.</iframe>

</body>

</html>

If you have an inline frame with id:

<iframe id="I1" src="contents.htm" width="200" height="150">

than you could write:

document.getElementById("I1").width = 400

Lasse Reichstein Nielsen · Sep 18, 2003

H.A.P said:
I'm trying to change the size of an iframe. In the following page, how
should I do it?

<script language="javascript"

The type attribute is required, and language is deprecated:

function resize_frm() {
I1.width=400;

You shouldn't access named elements as properties of the global object.
Few browsers allow that (although one of them is used quite a lot).

Either
var iframe = document.getElementsByTagName("iframe")[0];
or give the iframe an id and use document.getElementById.

To change the width, use style.width:
iframe.style.width = "400px";
Remember the unit, it is required in CSS.

<iframe name="I1" src="contents.htm" width="200" height="150">

Don't use the width and height attributes, but use CSS instead:
<iframe name="I1" id="iframe1Id" src="contents.htm"
style="width:200px;height:150px;">

/L

Is it possible an iframe can overlapp another?	3	Apr 20, 2022
I need help making a zooming function	11	Dec 14, 2021
Help with code	0	Jun 12, 2022
I Need Help with making a function that draws in a canvas using location data.	1	Dec 17, 2021
Closing an overlay outside the overlay as well	1	Dec 11, 2022
Please Help?	0	Jul 23, 2022
iFrame Javascript Minimum Frame Height Issue	0	Feb 13, 2006
Flip-Cards with Local Images	1	Mar 27, 2023

Resizing an IFrame

H.A.P

Vjekoslav Begovic

Lasse Reichstein Nielsen

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads