The template emulates Vista OS menu style. To open submenus click on menu items. The appearence of this template is determined by the following parameters:
- The menu have XP Style; Animation effect for subitems - Toggle-mode support. - Items have icons - Menu has a static position and is placed within the table cell
Home
Apycom
Java Menus
Product 1
Product 2
JSO
About
Help
Interface
Step by step
Products
Deluxe Menu
Samples
Templates
Deluxe Tree
Customization
Styles
Item Styles
XP Item Styles
Parameters
Examples
Samples
Sample1
Sample2
Deluxe Tabs
Product Info
Parameters
Menu Items
Styles
Installation
Info
Support
FAQ
Recent Questions
Contact us
Key features:
- Submenus automatically scrolls - Personal CSS styles for separate menu elements - Submenus expand/collapse on mouseover - Vertical orientation of the Tree Menu - Status string shows item labels - different speed for an animation for submenus - Inactive/Disabled items - Submenus have a fade effect
Use images for backgrounds of submenus and items, icons, arrows.
Use any amount of menus on a single page.
Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.
Q: How can I upgrade to JavaScript Tree Menu v2.0? Now I'm using v1.14.
A: How to upgrade to v2.00 --------------------------------------------------------------- You can download the licensed engine .js files from the same link in your license message. JavaScript Tree Menu v2.00 has new parameters and features. To upgrade to v2.00 you should do the following.
Step 1. 1.1 For Windows users a. Run Deluxe Tuner v2.0 (can be found in the trial menu package v2.0 http://deluxe-menu.com/deluxe-menu.zip). b. Open menu data file (.js file where menu parameters are placed): select File/Open… c. Save the file: select File/Save, then click "No" button when the dialog box appears.
1.2 For other OS users a. Open menu data file (.js file where menu parameters are placed) in a text editor. b. Make sure that the following variables exist in the data file:
var keystrokes = 0; var dm_focus = 1; var dm_actKey = 113;
var dynamic = 0; var smHideOnClick = 1; var itemAlignTop = 'left'; var smSmartScroll = 1;
var dmAJAX = 0; var dmAJAXCount = 30; var dmRTL = 0; var dmObjectsCheck = 0; var menuBackRepeat = "repeat"; var menuHeight = ""; var transDuration2 = 200;
If one of the variables doesn't exist - add it at the beginning of the file.
c. Save the file.
Step 2. Now open HTML-page that contains JavaScript Tree Menu.
Step 3. Replace existent tags of the menu by the following code:
Step 4. Save HTML-page.
Step 5. New engine v2.00 has 7 .js files. They are: - dmenu.js - dmenu4.js - dmenu_add.js - dmenu_dyn.js - dmenu_key.js - dmenu_cf.js (new v2.00) - dmenu_popup.js (new v2.00)
Replace all old .js files by the files from v2.00.
Try that.
Q: Will all your navigation bar examples work cross-frame?
A:See how should you create cross frame menu:
1. To initialize the cross frame menu call dm_initFrame() function instead of standard dm_init() function within data.js file:
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 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.
So you should create your menu in Deluxe Tuner, save it. Create html file with your frame set.
Set ID for the first frameset: <FRAMESET id=frmSet rows=220,*> <FRAME id=frame1 src="JavaScript Tree Menu Samples_files/cross-frame-horizontal-1.htm"> //menu frame <FRAME id=frame2 name=frame2 src="JavaScript Tree Menu Samples_files/testlink.htm"> //content frame </FRAMESET>
Then you should open your data file in any text editor and change dm_init(); for example to dm_initFrame("frmSet", 0, 1, 0);
2) Can it Automatically popup instead of Left click? Would you show me How?
3) What is: menuInd - index of the javascript menu script on a page, >= 0 ? Could you give more explanation?
A: > 1) is it possible to have multiple(different) images, popup menus? Yes, you can use any number of popup menus on your page.
> 2) Can it Automatically popup instead of Left click? > Would you show me How? You can use onMouseOver event instead of onClick or onContextMenu events in that case.
> 3) What is: menuInd - index of the javascript menu script on a page, >= 0 ? Each menu has ID. The ID's number starts with 0.
So, when you have several data files on your page you have such ID's:
<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script> // ID - 0 //standard menu (doesn't use popup feature)
<script type="text/javascript" language="JavaScript1.2" src="source_pop.js"></script> // ID - 1
<script type="text/javascript" language="JavaScript1.2" src="source_pop1.js"></script> // ID - 2
<script type="text/javascript" language="JavaScript1.2" src="source_pop2.js"></script> // ID - 3
<script type="text/javascript" language="JavaScript1.2" src="source_pop3.js"></script> // ID - 4
and so on.
If you want to have different Popup menus (there color, item, text,font and so on) you should create different .js files with yourparameters. And call them from your page, for example:
If you have different item text only you can use one <SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT> file. But you should delete the following code:
