Extenable iframe? =S

[Puma]

I need help doing extenable iframe could someone give me a tutorial on this please or can someone help!

[alarmclock]

Hey there,

There's no tutorial needed to make an expandable iframe. You have to get a Javascript code and insert it just before your iframe code.

<script type="text/javascript">
            //<![CDATA[
            window.onload = function() {
                var f = document.getElementById("mainframe");
                function resize() {
                    var h = "";
                    var w = "";
                    if (f.contentDocument) {
                        h = f.contentDocument.documentElement.offsetHeight + 20 + "px";
                        // can't find anything for Opera and Firefox that works for the width. OffetWidth doesn't work right either.(f.contentDocument.documentElement,"").getPropertyValue("width");
                    } else if (f.contentWindow) {
                        h = f.contentWindow.document.body.scrollHeight + 5 + "px";
                    } else {
                        return;
                    }
                    f.setAttribute("height",h);
                    f.parentNode.setAttribute("height",h);
                }
                if (window.addEventListener) {
                    f.onload = resize;
                } else if (f.attachEvent) {
                    f.attachEvent("onload", resize);
                } else {
                    return;
                }
                resize();
            }
            //]]>
                    </script>

Just remember to name your iframe mainframe otherwise it won't work

[Puma]

Hmm.. soo then my iframe html will be <iframe src="main.html" name="mainframe" width="" height="" frameborder="0"></iframe> ??

[alarmclock]

yup

put id="mainframe" in there aswell, after name="mainframe"

[Puma]

am really confuse atm >____< LOOL can you show me a example?

[alarmclock]

thinkhabbo used to have it.

first you need a layout capable of expanding.

[Nick.]

am really confuse atm >____< LOOL can you show me a example?

<script type="text/javascript">
            //<![CDATA[
            window.onload = function() {
                var f = document.getElementById("mainframe");
                function resize() {
                    var h = "";
                    var w = "";
                    if (f.contentDocument) {
                        h = f.contentDocument.documentElement.offsetHeight + 20 + "px";
                        // can't find anything for Opera and Firefox that works for the width. OffetWidth doesn't work right either.(f.contentDocument.documentElement,"").getPropertyValue("width");
                    } else if (f.contentWindow) {
                        h = f.contentWindow.document.body.scrollHeight + 5 + "px";
                    } else {
                        return;
                    }
                    f.setAttribute("height",h);
                    f.parentNode.setAttribute("height",h);
                }
                if (window.addEventListener) {
                    f.onload = resize;
                } else if (f.attachEvent) {
                    f.attachEvent("onload", resize);
                } else {
                    return;
                }
                resize();
            }
            //]]>
                    </script>
<iframe src="main.html" name="mainframe" id="mainframe" width="" height="" frameborder="0"></iframe>

[Colin-Roberts]

example is on colin-roberts.net i use expandable iframes..

[alarmclock]

Source always after the name and id Nick :eusa_naug

 <script type="text/javascript">
            //<![CDATA[
            window.onload = function() {
                var f = document.getElementById("mainframe");
                function resize() {
                    var h = "";
                    var w = "";
                    if (f.contentDocument) {
                        h = f.contentDocument.documentElement.offsetHeight + 20 + "px";
                        // can't find anything for Opera and Firefox that works for the width. OffetWidth doesn't work right either.(f.contentDocument.documentElement,"").getPropertyValue("width");
                    } else if (f.contentWindow) {
                        h = f.contentWindow.document.body.scrollHeight + 5 + "px";
                    } else {
                        return;
                    }
                    f.setAttribute("height",h);
                    f.parentNode.setAttribute("height",h);
                }
                if (window.addEventListener) {
                    f.onload = resize;
                } else if (f.attachEvent) {
                    f.attachEvent("onload", resize);
                } else {
                    return;
                }
                resize();
            }
            //]]>
                    </script>
<iframe name="mainframe" id="mainframe"  src="main.html" 
width="" height="" frameborder="0"></iframe>

[Nick.]

Long time since I've done this stuff