Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Results 1 to 8 of 8
  1. #1

    Default Expandable Iframe?

    Hello,
    I'm having a few problems with my expandable iframe,
    It works fine with HTML pages but when i add a PHP page
    it dose not expand.

    If you know a code that will fix this, or know how to fix this please post here.

    Thank You!
    DJ-FIZZLE
    100 - 200 - 300 - 400 - 500

  2. #2
    Join Date
    Dec 2006
    Posts
    3,970
    Tokens
    0

    Latest Awards:

    Default

    Post the expandable iframe code?
    Lets set the stage on fire, and hollywood will be jealous.

  3. #3

    Default

    HEAD CODE:
    Code:
    <script type="text/javascript">
    /***********************************************
    * IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
    * Visit DynamicDrive.com for hundreds of original DHTML scripts
    * This notice must stay intact for legal use
    ***********************************************/
    //Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
    //Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
    var iframeids=["myframe"]
    //Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
    var iframehide="yes"
    var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
    var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers
    function resizeCaller() {
    var dyniframe=new Array()
    for (i=0; i<iframeids.length; i++){
    if (document.getElementById)
    resizeIframe(iframeids[i])
    //reveal iframe for lower end browsers? (see var above):
    if ((document.all || document.getElementById) && iframehide=="no"){
    var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
    tempobj.style.display="block"
    }
    }
    }
    function resizeIframe(frameid){
    var currentfr=document.getElementById(frameid)
    if (currentfr && !window.opera){
    currentfr.style.display="block"
    if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
    currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; 
    else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
    currentfr.height = currentfr.Document.body.scrollHeight;
    if (currentfr.addEventListener)
    currentfr.addEventListener("load", readjustIframe, false)
    else if (currentfr.attachEvent){
    currentfr.detachEvent("onload", readjustIframe) // Bug fix line
    currentfr.attachEvent("onload", readjustIframe)
    }
    }
    }
    function readjustIframe(loadevt) {
    var crossevt=(window.event)? event : loadevt
    var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
    if (iframeroot)
    resizeIframe(iframeroot.id);
    }
    function loadintoIframe(iframeid, url){
    if (document.getElementById)
    document.getElementById(iframeid).src=url
    }
    if (window.addEventListener)
    window.addEventListener("load", resizeCaller, false)
    else if (window.attachEvent)
    window.attachEvent("onload", resizeCaller)
    else
    window.onload=resizeCaller
    </script>
    IFRAME CODE:
    Code:
    <iframe name="main" id="myframe" src="home.htm" allowtransparency="true" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:98%; display:none"></iframe>
    100 - 200 - 300 - 400 - 500

  4. #4
    Join Date
    Jan 2008
    Posts
    3,711
    Tokens
    100

    Latest Awards:

    Default

    Javascript 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";
    (f.contentDocument.documentElement,"").getProperty Value

    ("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="frm" id="mainframe" src="URL HERE" frameborder="0" allowtransparency="no" scrolling="no" target="_self" height="150"></iframe>
    THE HTML CODE:
    <a href="URL OF PAGE" target="mainframe">Name Of Page</a>

  5. #5

    Default

    that aint working its just all wack now :S
    100 - 200 - 300 - 400 - 500

  6. #6
    Join Date
    Dec 2006
    Posts
    3,970
    Tokens
    0

    Latest Awards:

    Default

    The code Meti posted is ripped I think, but if you still want to use it the links should be target="frm" not target="mainframe"
    Lets set the stage on fire, and hollywood will be jealous.

  7. #7

    Default

    Every Expandable iframe code i have try'ed does not seem to expand in IE8
    100 - 200 - 300 - 400 - 500

  8. #8
    Join Date
    Dec 2006
    Location
    London
    Posts
    3,536
    Tokens
    170

    Latest Awards:

    Default

    Use an include if on PHP.
    2005: JOINED ; Radio DJ

    2006: Radio DJ ; Senior DJ

    2007: HxTV Flash Artist ; Productions Staff ; HxHD Staff ; Head DJ ; Events Organiser ; Productions Staff ; Competitions Staff ; Assistant Radio Manager

    2008: Senior Competitions Staff ; Forum Moderator ; HxHD Staff ; Competitions Manager ; Graphics Designer

    2009: LEFT ; Guest DJ

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •