A Width Changable Iframe

[WH]

While the whidth of the table can be set as 80%, the size of the iframe can
not be changed once set.

I am looking for a solution which the iframe's width can be set according to
the IE/Firefox/Opera's width. Is that possible?

 

[Yann-Erwan Perio]

I am looking for a solution which the iframe's width can be set according to
the IE/Firefox/Opera's width. Is that possible?

Well, you can grab a reference to the frame element, and change its
style properties - this should work on recent versions (IE5+, Mozilla,
Opera7+).

---
<iframe id="foo" src="http://jibbering.com/faq/"></iframe>
<input type="button" onclick="bar('foo')" value="100%">

<script type="text/javascript">
function bar(frameId) {
var frame;
if(document.getElementById) {
frame=document.getElementById(frameId);
frame.style.width="100%";
frame.style.height="100%";
}
}
</script>

 

[Thomas 'PointedEars' Lahn]

While the whidth of the table can be set as 80%, the size of the iframe
can not be changed once set.

It can be changed, both explicitely and implicitely.

I am looking for a solution which the iframe's width can be set according
to the IE/Firefox/Opera's width. Is that possible?

Sure.

<iframe src="..." ... width="80%" height="...">
alternative
</iframe>

The "iframe" element above will always take 80% of the width of
the viewport or its parent element; only in working UAs, of course.


PointedEars