Welcome to Geeklog, Anonymous Monday, April 07 2025 @ 04:37 pm EDT

Geeklog Forums

Using a DYNAMIC IFRAME to integrate other scripts into your Geeklog

Post New Reply

Author:

Mood:

Code

Font Color Font Size Close Tags

Forum BBCode Help

BBCode	Effect
[b]bolded text[/b]	bolded text
[i]italicized text[/i]	italicized text
[u]underlined text[/u]	underlined text
[s]strikethrough text[/s]	strikethrough text
[img]http://www.site.com/forum/images/forum.png[/img] OR [img h=65 w=50]http://www.site.com/forum/images/forum.png[/img]
[url=https://www.geeklog.net]Geeklog[/url]	Geeklog
[quote]quoted text[/quote]	To quote: quoted text
[size=15]Your Text[/size] "12" is usually standard on message boards. Usually measured in pixels (px).	Your Text
[color=red]Red Text[/color] OR [color=#FF0000]Red Text[/color] Can use many different color names or hex codes.	Red Text
[list] []List item 1 []List item 2 [/list] OR [list=1] []List item 1 []List item 2 [/list]	List item 1 List item 2 List item 1 List item 2
[code]monospaced text[/code]	monospaced text
[code=XYX]formatted code[/code] Where XYZ can be any of the following: c css html4strict java javascript jquery perl php plain python SQL and many more...	formatted code
To enter a backslash (\) in your post, use \\\\	\

Subject

[QUOTE][u]Quote by: Nezz[/u][p]Well I think I have a workaround for the cross-browser compatibility issues with dynamic IFRAME resizing.  You can use this to integrate other scripts into your Geeklog project by copying the code into a Static Page Block.

Just replace the src=URL and the NAME wiith your own data and paste it into the staticpage/php block and it seems to work fine in both IE and Firefox and Opera (newest builds, IE complains a little about this.height but so what...).  I have not tested it in other browsers yet but I'm happy with the resutls so far... So if you don't need to support old,old browsers this will make you a happy camper.

[code]

<head>
<script language="JavaScript">
 function resize() &#123;
  var iframe = document.all.NAME;
   iframe.height=document.frames("NAME").document.body.scrollHeight;
  &#125;
</script>
</head>
<body onload=resize();>
<iframe src="URL" name="NAME" scrolling="no" width="100%" frameborder="0" onload="this.height=this.contentDocument.height"></iframe>
</body>

[/code]

Hope you enjoy it and constructive criticism is always appreciated.[/p][/QUOTE]

Options:

HTML Mode

Geeklog Forums

Search

Resources

About

Getting started

Support

Development

Topics

User Functions

What's New

Articles last 4 weeks

Comments last 4 weeks

Pages last 4 weeks

Links last 4 weeks

Downloads last 4 weeks