[HELP] Expandable iFrames?

[Meti]

Hello there,
I just wonder if someone knows the HTML code for the expandable iframe, or the scripts.. (i don't know what it is)
For ex; www.clubhabbo.net >> Their content box, it's small, but get's bigger..

PS: I don't mean the expandable content box

If you can help me, you'll get a +rep

:eusa_whis

[iUnknown]

The answer is more complicated than you think. You have to code a layout in a special way that allows the box(es) to expand, then add a special javascript code to make the iframe expand (if you add it without coding the layout correctly then the layout will just ruin when the iframe expands). Photoshop or anything like that won't code it correctly for expandables. I suggest CSS and DIVs, SS does a good tutorial which will help you get the hang of it here:

http://habboxforum.com/showthread.php?t=453923

Hope that helps.

[php.net]

If you would search deep enough, you'd notice that there is a tutorial on the forum describing just this!

[iUnknown]

If you would search deep enough, you'd notice that there is a tutorial on the forum describing just this!

As linked by me :rolleyes:

http://habboxforum.com/showthread.php?t=453923

[Meti]

The answer is more complicated than you think. You have to code a layout in a special way that allows the box(es) to expand, then add a special javascript code to make the iframe expand (if you add it without coding the layout correctly then the layout will just ruin when the iframe expands). Photoshop or anything like that won't code it correctly for expandables. I suggest CSS and DIVs, SS does a good tutorial which will help you get the hang of it here:

http://habboxforum.com/showthread.php?t=453923

Hope that helps.

Hello,
My layout is coded in div's, and it's expandable.. Where can i find the IFRAME that expands now? Because normal IFRAMES usually just scrolls.

Thanks,

[php.net]

As linked by me :rolleyes:

http://habboxforum.com/showthread.php?t=453923

Wrong.

Edited by LucasAge (Forum Super Moderator): Please do not post pointlessly.

[RedCrisps]

just rip there code. its not like they own it. DynamicDrive.com does. they just removed the copyright notice

[Agnostic Bear]

just rip there code. its not like they own it. DynamicDrive.com does. they just removed the copyright notice

Quoted for truth. I remember putting it in on ch and either being told to remove it or someone else did, not too sure on that.

[Meti]

But how should i know which code it is? :S

[php.net]

I shouldn't do this, as if you are wanting to create a website, you should know how to.

To hell, here it is.

Javascript code:

// Expandable Iframe script from DynamicDrive.

var iframeids=["content"]
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 

iFrame code:

<iframe src="PAGE HERE.php" width="100%" id="content" marginwidth="1" marginheight="1" name="content" scrolling="no" border="0" frameborder="0" allowtransparency="yes"></iframe>