File: frameset.htm : Frame FrameSet « HTML « JavaScript DHTML






File: frameset.htm

  

<HTML>
<FRAMESET rows="33%,*,33%">
<FRAME name="t_frame" src="frame1.html">
<FRAME name="m_frame" src="frame2.html">
<FRAME name="b_frame" src="frame3.html">
</FRAMESET>
</HTML>


File: frame1.htm
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
function twoframes(){
    parent.m_frame.location="frame4.html";
    parent.b_frame.location="frame5.html";
}
</SCRIPT>
</HEAD>
<BODY>
This is frame 1, the top frame: <A HREF="javascript:twoframes();">Change the two lower frames</A>
</BODY>
</HTML>

File: frame2.htm

<HTML>
<BODY>
This is frame 2, the middle frame. 
</BODY>
</HTML>

File: frame4.htm

<HTML>
<BODY>
This is frame 4, the new middle frame. 
</BODY>
</HTML>


File: frame5.htm
<HTML>
<BODY>
This is frame 5, the new bottom frame. 
</BODY>
</HTML>

   
    
  








Related examples in the same category

1.Parent window
2.Window top frame
3.Frame 'cols' Example
4.'rows' Example
5.'noResize' Example
6.'frameElement' Example
7.'frameBorder' Example
8.'frameSpacing' Example
9.Frameset in Javascript
10.Create frameset
11.Hide and Show Frame Example
12.Handling Load Events in a Layout Document
13.Frameset for document.URL Property Reader
14.Creating a Blank Frame
15.A blank frameset with Javascript
16.Get frame size
17.Make new frameset
18.Frameset Navigator
19.Frameset show and hide
20.Multiple Search Engine
21.Reference to parent frame from inner frame