Menu
Hi,
what I’m trying to do is have a short flash intro play while my site loads, and once its done, replace the intro with the content of the index page. I’m using iframes to show the content of the home page and the flash movie. This is what I have:
(index.php)
[CODE]
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
</head>
<body onload=”introReplace”>
<div id=”flashIntro”>
<iframe src=”intro2SEC.html” name=”theIntro” width=”600px” height=”600px” scrolling=”No” frameborder=”0″></iframe>
</div>
<script language=”javascript”>
function introReplace () {
document.getElementById(‘flashIntro’).innerHTML = homepage.document.getElementById(‘content’).innerHTML;
}
</script>
<iframe name=”homepage” src=”index2.php” width=”0″ height=”0″ frameborder=”0″ scrolling=”no”></iframe>
</body>
</html>
and in index2.php, where all the content of the site is:
[CODE]
<div id=”content”>
//
//
//
// * HOME PAGE CONTENT *
//
//
//
</div>
I’m not sure why it doesn’t work. I figured that putting the “introReplace” function into the body onLoad attr. would replace the intro movie with the page once it finished loading… Any Advice appreciated.