(c) 2005, Deluxe-Menu.com
Search  
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
   
   
  Samples
  Functional Samples
  AJAX-like Technology
  Javascript API
  Cross-frame Mode
  Popup Mode
  Smart Scrollable Submenus
  CSS Mode
  Objects Overlapping
  Filters and Effects
  Individual Styles
  Movable Menu
  Floatable Menu
  Multilevel Menu
  Multicolumn Menu
  Ways of Showing Submenus
  Image-based Menu

 

    Cross-frame Mode

    Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. And it's not necessary to insert any code into all the pages - just specify the additional parameters of the menu and initialize it.

Cross-frame horizontal orientation Sample (top-to-bottom)

Cross-frame vertical orientation Sample (left-to-right)

Cross-frame horizontal orientation Sample (bottom-to-top)

Cross-frame vertical orientation Sample (right-to-left)

Notice
The menu will work correctly in the cross-frame mode if you load pages into the subframe from the same domain. If you load pages from another domain submenus won't be shown in the subframe -- they will be shown in the frame with the top-menu. It's caused by a security of browsers -- a script can't modify a content of pages from another domain.

Notice
If you load pages with a frameset structure into the subframe, submenus won't be shown.


To initialize the menu in cross-frame mode call dm_initFrame() function instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - horizontal, 1 - vertical.

Example 1:

<frameset id="frmSet" rows="200,*">
    <frame src="topmenu.html">
    <frame src="content.html">
</frameset>



So, the dm_initFrame() function call at the end of data.js file will look like:

dm_initFrame("frmSet", 0, 1, 0);
Example 2:

<frameset id="frmSet" cols="50, 150,*">
    <frame src="left.html">
    <frame src="topmenu.html">
    <frame src="content.html">
</frameset>


So, the dm_initFrame() function call at the end of data.js file will look like:

dm_initFrame("frmSet", 1, 2, 1);




The following parameter controls the ways of showing submenus:

var smViewType = 1;

Values:
    0 - from left to right;
    1 - from left to right + upwards;
    2 - from right to left;
    3 - from right to left + upwards;


Copyright (c) 2006, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. Tree Menu  |  Tabs Menu  |  Deluxe Menu.de