Template: Javascript Tree Legend Code

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:

    - Filters and Transitional effects
    - Personal CSS styles for separate menu elements
    - Vertical orientation of the Tree Menu
    - Unlimited number of sub levels
    - Several menus on one page
    - Submenus expand/collapse on mouseover
    - Inactive/Disabled items
    - Items with icons

Menu Screenshots Javascript Tree Legend Code

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

Features Javascript Tree Legend Code

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

Easy Setup

De Luxe Tuner. GUI interface to create your javascript tree legend code menus easily and in no time
Sensible menu parameters for manual editing

Relative Position Tree Menu Javascript Tree Legend Code

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

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed javascript tree legend code samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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 :: More Info

Javascript Tree Menu. Expandable Menu.

Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
Use special prefixes for image paths and links to make paths absolute.
You can assign your own images for lines.

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

Recent Questions Javascript Tree Legend Code

Q: Ever since I installed the menu on our website the homepage loadsslowly.
The menu loads, but then the rest of the page takes about 20 seconds toload. Have you seen this problem before.
It does not happen every time and noton every machine.

A: We've tested your website on the many machines and it loads very quickly, I cannot notice any delays.

Please, try to move the reference to dmenu.js after tag:

<body onload="...">
...


<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "";</script>
<script type="text/javascript" src="dmenu.js"></script>

</span>

Q: I now have the need to introduce separators on the menu.
Can you tell me how to do that?
I cannot find any documentation telling me how this is done.

A: Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Try that.

Q: I'm using your DHTML menu product.
I've read the parameters but am unable to make the drop down menu links stop spawning a new window on click.
I love the product and want to use it on my web but I've got to make it stop having babies! Have you some advice for me or a FAQ page you can send?

A: You should use the following parameter

var itemTarget = "_self";

Please, see also individual items targets, for example:

["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , "_blank", , , , ],

Change "_blank" to "" or to "_self".

Q: I'm trying to find a decent, simple, working example of a dynamically-generated DHTML Pop-up Window. Using the "Deluxe Tuner" to generate static files is unacceptable for our use. We must create pop-up menus on the fly.

I tried piecing together a working pop-up window application, but kept getting "Error! Skin Load!" and couldn't figure out what files or where to get them (or put them) for the Windows Vista Graphite skin.

A: Create a new project, choose the Windows Vista Graphite Style for it.
Save your project. Use in your html file this function to open a window for your link :

onclick="deluxePopupWindow.open('window1', 'Content1', 'Window1','width=220,height=100,resizable,scrollbars=no,middle,right,fade-effect','windowsvista_graphite')";

See additional information about these functions here:
http://deluxepopupwindow.com/window-installation-info.html

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