I have implemented a script to automatically resize the height and width of an iframe based on its content.
<script language="JavaScript">
function autoResize(id){
var newheight;
var newwidth;
if(document.getElementById){
newheight=document.getElementById(id).contentWindow.document.body.scrollHeight;
newwidth=document.getElementById(id).contentWindow.document.body.scrollWidth;
}
document.getElementById(id).height= (newheight) + "px";
document.getElementById(id).width= (newwidth) + "px";
}
</script>
The function is called when the iframe loads:
<iframe src="index.htm" scrolling='no' width="100%" height="100%" name="CHANGETHIS" id="CHANGETHIS" marginheight="0" frameborder="0" onLoad="autoResize('CHANGETHIS');"></iframe>
Additionally, clicking on a hyperlink like
<a href="index2.htm">Redirect</a>index2.htm. However, there seems to be an issue with Firefox where the iframe does not resize properly when navigating back to the original page (index.htm) using the browser's back button. This works fine in IE.
Is there a solution using JavaScript or jQuery to ensure that the iframe resizing functionality also works seamlessly in Firefox?