Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Auto-resize IFRAME - ok in IE, not FF :/

Status
Not open for further replies.
Sort by date Sort by votes
Hi,

Basically, it should make the IFRAME as high/wide as the page that was loaded inside it :)

The code I'm using, is as follows:

Code: 
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 3</title>

<script type="text/javascript">
 function autofitIframe(id){
   if (!window.opera && !document.mimeType && document.all && document.getElementById){
   parent.document.getElementById(id).style.height=this.document.body.offsetHeight+"px";
   parent.document.getElementById(id).style.width=this.document.body.offsetWidth+"px";
   }
    else if(document.getElementById) {
   parent.document.getElementById(id).style.height=this.document.body.offsetHeight+"px";
   parent.document.getElementById(id).style.width=this.document.body.offsetWidth+"px";
  }
} 
</script>
</head>

<body>

<iframe  frameborder="0" style="border:0;"  id="myframe1" name="myframe1" src="[URL unfurl="true"]http://www.google.com"[/URL] onload="autofitIframe('myframe1');"></iframe>

</body>

</html>

TIA

Andy
 
Upvote 0 Downvote
Basically, it should make the IFRAME as high/wide as the page that was loaded inside it :)
Click to expand...

In which case, it doesn't work properly in IE6 or IE7 either, as for those browsers the iframe is made as high as window, not the content loaded within the iframe.

Have you tried using ".scrollHeight" or ".clientHeight" instead of ".offsetHeight"?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
Hi,

Thanks for the reply. I've just tried those options (".scrollHeight" or ".clientHeight") - and neither of them work in FF either :/ (both work fine in IE)

Not sure where to go from here :(

Cheers

Andy
 
Upvote 0 Downvote
BTW, this is the error I get in FF:

Error: [Exception... "'Permission denied to get property HTMLDocument.body' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no]v

You can test the script here:


Please - anyone got any ideas? :/ I really need to get this working :( (unless anyone can think of a better way, to include content from another site - on a page ???)

Cheers

Andy
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

TheLazyPig
  • Question
Buttons not aligned after another button is clicked
Replies
2
Views
155
gmmastros
gmmastros
jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
664
xwb
xwb
waubain
  • Locked
  • Question
First image in slide gallery not showing - Uncaught TypeError: slides[(slideIndex - 1)] is undefined 1
Replies
2
Views
383
waubain
waubain
HansMaulwurf
  • Locked
  • Question
AJAX not working after database migration from MySQL to SQL Server ( Undefined index)
Replies
0
Views
139
HansMaulwurf
HansMaulwurf
tonynsx
  • Locked
  • Question
document.getElementById(&quot;main&quot;).innerHTML not working
Replies
1
Views
154
ggriffit
ggriffit

Part and Inventory Search

Sponsor

Back
Top