How to Keep Firefox from caching iframe

I'm trying to get an iframe to resize, based on the contents. In IE, the iframe resizes when it first loads, then resizes when a different-sized page is clicked inside the iframe. But in FF, it resizes the first time, but then doesn't change when a new page is loaded. It caches the first page, then keeps that as the permanent height. I tried math.random - pragma no-cache, they didnt work. I tried to reload the parent, and it just goes into a loop - any help is appreciated!

main frame:

<html>
<head>
</head>
<body>
<iframe id='library' src='frame1.htm' frameborder='1' height="300"></iframe>
</body>
</html>

framed page1:

<html>
<head>
</head>
<body onload="resizeIframe()">
<script type="text/javascript">
function resizeIframe() {
var howtall = document.body.scrollHeight; 
parent.document.getElementById('library').style.height=howtall; 
}
</script>
<p>content frame1.htm - it's longer</p><p>content</p><p>content</p><p>content</p>
<p> <a href="frame2.htm">go to frame2</a> <p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p>
</body>
</html>

framed page 2:

<html>
<head>
</head>
<body onload="resizeIframe()">
<script type="text/javascript">
function resizeIframe() {
var howtall = document.body.scrollHeight; 
parent.document.getElementById('library').style.height=howtall; 
}
</script>
<p>content frame2.htm - it's shorter</p><p>content</p><p>content</p><p>content</p>
<p> <a href="frame1.htm">go to frame1</a> <p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p><p>content</p>
</body>
</html>

How to Keep Firefox from caching iframe

vero

JAB Creations

vero

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week