Tree Menu Javascript Mousover by Deluxe-Tree.com
Tree Menu Javascript Mousover

Template: Tree Menu Javascript Mousover

XP Style Orange State Saving Web Tree Menu

State Saving Web Tree Menu
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!
Set the following parameter: var tsaveState = 1;
and the menu remembers its structure for each user who visit your page.
Try to expand/collapse items. Then reload the page and you'll see results.

Key features:

    - Vertical orientation of the Tree Menu
    - Several menus on one page
    - Relative/Absolute menu position
    - Items with icons
    - Filters and Transitional effects
    - Submenus expand/collapse on mouseover
    - Submenus automatically scrolls
    - Submenus have a fade effect





Buy Now!  Free Trial Download

Menu Screenshots Tree Menu Javascript Mousover

Tree Menu Javascript Mousover Javascript Drag N Drop Tree

Buy Now!   ::  Free Trial Download   ::  More Info

Features Tree Menu Javascript Mousover

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".
Scroll Vertical Tree Tree Menu Javascript Mousover
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and items
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
Cost Effective
Buy Now!  Free Trial Download
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Tree Menu. Expandable Menu.

  • 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!
  • When the submenu is bigger than the visible page area, you can use the scollbar for submenus to scroll your menu!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions Tree Menu Javascript Mousover

Q: When using javascript tabbed menu, where do I place the text content related to the selected tab, (the text presented on the rest of the screen under the tab)? And who do I connect a specfic text to a certain tab?

A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set  var tabMode=0;

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste content of javascript tabbed menu here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>



Q: Easy drop down menu goes underneath our search control..
I have already set dmObjectsCheck to 1 but it still doesn't work.
In the live version there's aslideshow at the top of the home page (and other pages)
and the menu alsorenders underneath these.

A: Try to set the following parameter:

  var useIFRAME=1;

You can find more information about objects-overlapping here:
http://deluxe-menu.com/objects-overlapping-sample.html


Q: Sometime the first tab in css tab menu stay selected etc..

A: You should check the following parameter

  var bselectedItem=1;
This parameter sets the selected tab.

You can set it
  var bselectedItem=-2;



Q: I'm using the deluxe-menu software on a asp.net 2.0 site that utilizes master-pages. On everypage that is in the root directory the javascript for menu loads fine, but if the page is up a directory the main images for the menu don't display.

Have you had any customers with this same problem? If so any help you could offer would be appreciated, thanks!

A: Try to use absolute paths, for example:

<script type="text/javascript">  var dmWorkPath = "https://www.watchguardsales.com/menu.files/";</script>
<script type="text/javascript" src="https://www.watchguardsales.com/menu.files/dmenu.js"></script>
<script type="text/javascript" src="https://www.watchguardsales.com/menu.js"></script>

and in your data file set:

  var pathPrefix_img="https://www.watchguardsales.com/images/";
  var pathPrefix_link="https://www.watchguardsales.com/";

Buy Now!   ::  Free Trial Download   ::  More Info