resizing iframes after they load images

[glg1]

Hi all,
I'm having quite a time resizing a set of iframes that load based on pulling images from a database driven by user selection from dropdowns. So far I've tried fairly trivial approaches, such as:

function calcHeight()
{
//find the height of the internal page
var the_height=
document.getElementById('the_iframe').contentWindow.
document.body.scrollHeight;

//change the height of the iframe
document.getElementById('the_iframe').height=
the_height;
}
//-->
</script>

and in the body create the iframe tag:

<iframe width="700" id="the_iframe"
onLoad="calcHeight();"
src="built by java servlet... "
scrolling="NO"
frameborder="1">
</iframe>

to no avail. Whatever is present at loading ends up being the height (as one might expect) Any ideas?

 

[BillyRayPreachersSon]

Any ideas?

Yes - if all the iframe is doing is displaying an image, then why use an iframe at all? It doesn't sound like it is really needed.

Remove it, and save yourself the hassle of needing to do this at all!

Hope this helps,
Dan




[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[glg1]

Well, that's a good question. What we have is a cascading set of images of different sizes that refresh with each query generated by the user. The iframes work fine in that they provide spaces to put the images. However, we loose lots of screen real estate if the images are small (and thereby create lots of white space in the iframes). I guess you are thinking just to have a <div><img...></img></div> with the appropriate css serve the same purpose?

G

 

[BillyRayPreachersSon]

Basically, yes - although depending on your DOCTYPE, you may not even need the DIV container.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[glg1]

I'm going in the right direction, but having problems with the sizing. Is there a good way to assure a consistent size of the image coming in? If I just put in width = XXpx and height = YY px, then some of the img don't load.

 

[BillyRayPreachersSon]

If you don't specify a width or height, the image will be its natuaral size.



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]