Frame Resize

**real_estate** · 07-21-2006, 05:12 AM

How can dynamically resize a frame when the mouse passes over it?

**jscheuer1** · 07-21-2006, 06:00 AM

That could get really complicated depending upon just what you mean but, a simple answer is to give the iframe a mouseover event that changes its width and/or height attribute values. Ex:

Code:

<iframe id="theFrame" src="iframe_over_ex.htm" width="350" height="500" scrolling="auto" frameborder="0" onmouseover="this.width=550;"></iframe>

That will work in IE and FF but for Opera, you also need something like so on the page showing through the iframe:

Code:

<body onmouseover="parent.document.getElementById('theFrame').onmouseover();">

either added to the body tag as shown above or as a part of a script on or linked to the page. If it is used as a part of a script, the syntax would be different.

**Twey** · 07-21-2006, 06:08 AM

And the latter code won't work across multiple domains.

**jscheuer1** · 07-21-2006, 06:16 AM

Originally Posted by Twey

And the latter code won't work across multiple domains.

True, very little javascript works across domains - parent window to child window and visa versa.

Probably if you had a division around the iframe with some padding, you could work it out so that Opera wouldn't need any extra code on the content page but, it would require some extra code associated in some way with this container division of the iframe.

**jscheuer1** · 07-21-2006, 06:22 AM

In fact, if you were willing to give the iframe itself some fairly hefty padding, it could work in Opera without any code on the content page.

Thread: Frame Resize

Thread Tools

Search Thread

Frame Resize

Bookmarks

Bookmarks

Posting Permissions