You are here: Home > Product > Sothink DHTML Menu > Crossing nested Frame

 

Example of crossing nested frames

 

In this sample, there are 2 frameset pages nested: inside.htm and index.htm.

The outsideframe has two frame windows like .

The inside frame is nested within index.htm and it has two frame windows as well like . The frame window on the right is named as "right".

Tips of the sample

To let the menu show cross nested frames, please input "framename" into the box in Cross Frame panel.

As in this sample, the insidee.htm is nested within index.htm. Since the menu is placed in the top frame, we should input "right" to let the popup menu show in the right frame of inside.htm.

Detail Steps

At first, create a nested frame page. In this sample, the frameset page (index.htm) contains two frame windows: topframe (loading top.htm)and main (loading inside.htm). The code is like:

<frameset rows="130,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="/product/dhtmlmenu/store/crossframe/nestedframe/bottomtotop/top.htm" name="topframe" noresize="noresize" id="topframe" title="topFrame" />
<frameset rows="*" cols="142,*" framespacing="0" frameborder="no" border="0">
<frame src="/product/dhtmlmenu/store/crossframe/nestedframe/bottomtotop/left.htm" name="left" scrolling="No" noresize="noresize" id="left" title="leftFrame" />
<frame src="/product/dhtmlmenu/store/crossframe/nestedframe/bottomtotop/right.htm" name="right" id="right" title="mainFrame" />
</frameset>
</frameset>

In the inside.htm file, there are two other frame windows: left (loading left.htm) and right (loading right.htm). The code is like:

<frameset rows="*" cols="175,*" framespacing="0" frameborder="no" border="0">
<frame src="/product/dhtmlmenu/store/crossframe/nestedframe/toptobottom/left.htm" name="left" scrolling="No" noresize="noresize" id="left" />
<frame src="/product/dhtmlmenu/store/crossframe/nestedframe/toptobottom/right.htm" name="right" id="right" />
</frameset>

Then please click the menu items under "Steps of This Sample" to view the detailed steps to make the menu.