[TUT] How to make expandable iFrames

Hello,
Many people are asking about how they can make expandable iFrames.
So i decided you give you all the code :)

Here's the IFRAME CODE:

Quote:

---

<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>

---

And here's the HTML code:

Quote:

---

<a href="URL OF PAGE" target="content">Name Of Page</a>

---

Hope this helped,

Meti

Why have you put the link target as "content" when there is no frame called "content"

:O I'm sorry. My misstake.
It should be

Quote:

---

<a href="URL OF PAGE" target="I1">Name Of Page</a>

---

Theres not a frame called that either lol.

But good tutorial :)

Quote:

---

<a href="URL OF PAGE" target="frm">Name Of Page</a>

---

That then? :P

Quote:

---

Originally Posted by Meti

That then? :P

---

Nope, the target frame should be called 'mainframe' as that's the frame the javascript will be looking for and expanding:

HTML Code:

---

                var f = document.getElementById("mainframe");

---

There is no way you created that code, I know who did.

Are you using it with permission?

Quote:

---

There is no way you created that code, I know who did.

Are you using it with permission?

---

I agree that he should have permission if it wasn't released for free but it's not exactly the hardest thing to code is it, lol.

It's from Dynamic Drive, nobody even cares about that site anymore. They're the no. 1 supplier of annoying scripts to even more annoying people.

It's from Dynamic Drive.
I took it a while ago, when i had my fansite going.