You are here: irt.org | FAQ | JavaScript | Frame | Q4 [ previous next ]
This effect can be achieved by loading dummy frames to start with, and then using the onLoad event to change the location of other frames:
<html> <head> <script language="JavaScript"><!-- function load_next(frame) { if (frame == 2) window.frameName2.location.href = "frame2.html"; else if (frame == 3) window.frameName3.location.href = "frame3.html"; else if (frame == 4) window.frameName4.location.href = "frame4.html"; else if (frame == 5) window.frameName5.location.href = "frame5.html"; } //--></script> </head> <frameset rows="20%,20%,20%,20%,20%" onLoad="load_next(2)"> <frame src="frame1.html" name="frameName1"> <frame src="dummy.html" name="frameName2"> <frame src="dummy.html" name="frameName3"> <frame src="dummy.html" name="frameName4"> <frame src="dummy.html" name="frameName5"> </frameset> </html>
When all the frames have been loaded, the onLoad event within the frameset will use the load_next() function to change the contents of frameName2.
The contents of frame2.html would then need to contain the following:
<body onLoad="parent.load_next(3)">
When frame2.html is loaded the onLoad event in the body tag will use the load_next() function in the parent frame to change the contents of frameName3 etc. etc.