Results 1 to 5 of 5
  1. #1
    Join Date
    May 2007
    Posts
    152
    Tokens
    0

    Default Trouble with iframe

    Just had to rebuild my index after a bad incedint but blahh


    Having troubles with iframe
    <iframe name="middle" id="mainframe" src="home.html" width="475px" frameborder="0" allowtransparency="yes" scrolling="no"></iframe>
    www.habbocouncil.co.uk It just wont expand? Any help + Rep

    Edited by L&#181;ke (Forum Moderator): Thread Moved from Website Designing. Please post in the correct section next time, Thanks .
    Last edited by Lµke; 12-05-2007 at 06:40 PM.

  2. #2
    Join Date
    Dec 2005
    Location
    Australia
    Posts
    693
    Tokens
    0

    Default

    Iframes don't expand by default, nor is it an optional behaviour. People use javascript hacks for it.
    XHTML, CSS, AJAX, JS, php, MySQL.

    --

    HxF moderators can't read timestamps.

  3. #3
    Join Date
    Jan 2006
    Location
    Cambridge
    Posts
    1,911
    Tokens
    0

    Latest Awards:

    Default

    wd henwhatever

    +REP
    EDTALKING


  4. #4
    Join Date
    Jul 2006
    Location
    Athens
    Posts
    842
    Tokens
    0

    Default

    Code:
    <iframe name="middle" id="mainframe" src="home.html" width="475px" frameborder="0" allowtransparency="yes" scrolling="no" height=""></iframe>
    You didn't use the height tag


  5. #5
    Join Date
    Mar 2007
    Location
    Great Yarmouth, United Kingdom
    Posts
    49
    Tokens
    0
    Habbo
    DJ-Whoeva

    Default

    put this in head

    HTML Code:
    <script type="text/javascript">
    var iframeids=["main"]
    var iframehide="yes"
    var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
    var FFextraHeight=parseFloat(getFFVersion)>=0.1? 47 : 0
    /*
    Internet explorer seems to think it can make it's own rules about the internet.
    */
    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>
    and then put the iframe script make sure what ever you call the iframe in goes in "var iframeids=["main"]"
    Last edited by DJ-Whoeva; 12-05-2007 at 06:28 PM.
    Alex

Posting Permissions

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