You are here: irt.org | FAQ | JavaScript | Frame | Q1291 [ previous next ]
Try the following:
frame.htm:
<html> <head> <script language="JavaScript"><!-- loaded=false; //--></script> </head> <frameset rows="50%,*" onLoad="loaded=true"> <frame src="test.htm"> <frame src="test1.htm"> </frameset> </html>
test.htm:
<style><!-- .hidden { position: relative; visibility:hidden; } .visible { position: relative; visibility:visible; } //--></style> <script language="JavaScript"><!-- function resetAll() { set('layer1','visible'); set('layer2','visible'); set('layer3','visible'); set('layer4','visible'); set('layer5','visible'); set('layer6','visible'); } function set(What,Value) { if (document.layers && document.layers[What] != null) document.layers[What].visibility = Value; else if (document.all) document.all[What].style.visibility = Value; } //--></script> <span name="layer1" class="visible">Layer1</span> <span name="layer2" class="visible">Layer2</span> <span name="layer3" class="visible">Layer3</span> <span name="layer4" class="visible">Layer4</span> <span name="layer5" class="visible">Layer5</span> <span name="layer6" class="visible">Layer6</span>
test1.htm:
<script language="JavaScript"><!-- function set() { if (parent.loaded) { parent.frames[0].resetAll(); parent.frames[0].set('layer1','hidden'); setTimeout('location.href="test2.htm"',1000); } else setTimeout('set()',1000); } set(); //--></script>
test2.htm:
<script language="JavaScript"><!-- function set() { if (parent.loaded) { parent.frames[0].resetAll(); parent.frames[0].set('layer2','hidden'); setTimeout('location.href="test3.htm"',1000); } else setTimeout('set()',1000); } set(); //--></script>
test3.htm:
<script language="JavaScript"><!-- function set() { if (parent.loaded) { parent.frames[0].resetAll(); parent.frames[0].set('layer3','hidden'); setTimeout('location.href="test4.htm"',1000); } else setTimeout('set()',1000); } set(); //--></script>
test4.htm:
<script language="JavaScript"><!-- function set() { if (parent.loaded) { parent.frames[0].resetAll(); parent.frames[0].set('layer4','hidden'); setTimeout('location.href="test5.htm"',1000); } else setTimeout('set()',1000); } set(); //--></script>
test5.htm:
<script language="JavaScript"><!-- function set() { if (parent.loaded) { parent.frames[0].resetAll(); parent.frames[0].set('layer5','hidden'); setTimeout('location.href="test6.htm"',1000); } else setTimeout('set()',1000); } set(); //--></script>
test6.htm:
<script language="JavaScript"><!-- function set() { if (parent.loaded) { parent.frames[0].resetAll(); parent.frames[0].set('layer6','hidden'); setTimeout('location.href="test1.htm"',1000); } else setTimeout('set()',1000); } set(); //--></script>