Code For Simple Javascript Tree Menus by Deluxe-Tree.com
Code For Simple Javascript Tree Menus


Buy Now!  Free Trial Download

Menu Screenshots Code For Simple Javascript Tree Menus

Code For Simple Javascript Tree Menus Javascript Tree Disable

Features Code For Simple Javascript Tree Menus

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed code for simple javascript tree menus samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Tree Vertical Menu Example Code For Simple Javascript Tree Menus
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
Seamless Integration
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Unrivalled Features
  • Scrollable, dragable, floating
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can set default expanded/collapsed items and submenus.
  • After clicking on menu item selected item becomes highlighted.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!

Recent Questions Code For Simple Javascript Tree Menus

Q: I have made a horizontal menu that have different colors for different pages. What I'm not figuring out is out to make the current page be the reversed color state? This page should actually have the "images" highlighted. I'm using the Deluxe Tuner plus deluxe-menu+deluxe-tree+deluxe-tabs-trial.exe.

A: Please, check the following parameter

  var pressedItem=-2;
This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can also set the correct
  var pressedItem=1;
parameter on each html page.



Q: I have a web site in which I am using JavaScript Tree Menu in the top frame as a menu that crosses the frame and a menu in the lower frame that uses it as a menu in the same frame.
However, if a user selects the menu in the upper frame they get the menu that is associated with the menu of the lower frame.
The configuration files are names differently.
Is there a setting that needs to be set for the menu to distinguish between the two menus instantiations?


A: I suppose that you have two entries of dmenu.js file on your site in the tag.
You must have only one entry of dmenu.js file.
Please, delete the same code.
You should write so:

<head>

<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menu2.files/";</script>
<script type="text/javascript" src="menu2.files/dmenu.js"></script>
<!-- (c) 2006, by Deluxe-Menu.com -->

</head>

<body>
...
<div>
<SCRIPT src="deluxe-menu_files/data-deluxe-menu.js" type=text/javascript></SCRIPT>
</div>
...
<div>
<SCRIPT src="deluxe-menu_files/data-deluxe-menu11.js" type=text/javascript></SCRIPT>
</div>
...
</body>>


Q: I noticed your excellent smart scroll menu and have a question about it; I notice that it renders the menu from a javascript array - is it possible to make the menu run on an HTML unordered list? The reason being that it's much better for SEO if the dhtml side menu links are actually in the HTML rather than in a huge javascript variable.

A: No, it is not possible. JavaScript Tree Menu is javascript menu.

You can generate search engine friendly code and install it on yourpage.

JavaScript Tree Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


Q: I played with it and I got the tabs java script horizontal menu to work. but having problems with them:

1. I want the tabs to open when you mouse over them, not when you click. Is it possible to do this?

2. I want the tabs to close when your mouse leave them. Can I do this?

3. It keeps saying "Incorrect key" when you click on them. Is it possible to fix them?

A: No, unfortunately it is not possible in Deluxe Tabs.

But you can use JavaScript Tree Menu to create such java script horizontal menu.

To create such menu you should set the following parameters:

  var smOrientation=1; //horizontal orientation of submenus
  var subMenuAlign="pleft"; //submenu position (left align)
  var smHidePause=-1; //your submenus won't be hidden till you click orscroll the page.

"Incorrect Key" message means that you didn't paste your reg. key into data.js filewith your menu.

You should paste your key parameter into .js file where your java script horizontal menuparameters (vars) and items (  var bmenuItems) are placed.You should paste the following code at the beginning of the file:

/*
JavaScript Tree Menu Data File
Created by Deluxe Tuner v3.2
http://deluxe-menu.com
*/

  var key="XXXXXX";

// -- Deluxe Tuner Style Names

Where XXXXX the key from your license message.
Try to clear also browser cache.

Notice your key will work on registered domain only. It won't work onlocal machine.