Merging two Frames

hjuan99 · May 13, 2003

I have created two frames for a webpage. Is there any way I can merge them together? ie. I have one frame on top and one frame on the bottom and I want to end up with no frames, just the html from the top frame with the html from the bottom frame directly underneath it merged together.

Thanks,
John

dwarfthrower · May 13, 2003

Sort of. If you have some hidden <iframes> down the bottom of your page, you can use javascript to reach in and grab the HTML out of each iframe and insert it into a <div> tag.

Try something like this and see if it's what you're after:
[tt]<html>
<head>
<script>
function populate(){
var htmlmerge = '';
for(x=0; x < window.frames.length; x++) {
//alert(document.getElementById(document.frames[x].name).contentWindow.document.body.scrollHeight);
htmlmerge = htmlmerge + document.getElementById(document.frames[x].name).contentWindow.document.body.innerHTML;
}
document.all.content.innerHTML = htmlmerge;
}
</script>
</head>
<body onLoad="populate()">
<div id="content">
</div>
<div style="visibility:hidden">
<iframe name="frame1" id="frame1" src="frame1.html"></iframe>
<iframe name="frame2" id="frame2" src="frame2.html"></iframe>
</div>
</body>
</html>[/tt]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Merging two Frames

hjuan99

Programmer

dwarfthrower

Programmer

Similar threads

Part and Inventory Search

Sponsor