Template: Javascript Tree Multiple Columns

XP Style Blue XP Style Javascript Menu Tree

Different XP Styles
You can create any style for XP menu:
   - different icons, colors, and buttons for each submenu title;
   - any color for borders, backgrounds, and font of menus and items;
   - any available font style;
and many other options!

Key features:

    - Vertical orientation of the Tree Menu
    - Several menus on one page
    - Filters and Transitional effects
    - 3-state icons for each item
    - Status string shows item labels
    - Image arrows
    - Unlimited number of sub levels
    - Submenus expand/collapse on mouseover

Menu Screenshots Javascript Tree Multiple Columns

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

Features Javascript Tree Multiple Columns

Easy Setup

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

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

Tree Drag And Drop Javascript Tree Multiple Columns

Professional Look-n-feel

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

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

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

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 Javascript Tree Multiple Columns

Q: We use IFrames and Frameset through out our program. Will Deluxe-Menu and Deluxe-Tabs work for us.
Will this work for us, using the layout below. Menu will be in frame3 and tabs in frame4. Should pop up in frame5.

<frame> <frame1> <frame2>
<frame3-Deluxe-Menu> <frame4-Deluxe-Tabs>
<frame5 - Content and more IFrames and Framesets>

A: JavaScript Tree Menu doesn't work with <IFrame> objects. It works with<frameset> objects only. All it can to do with <IFrame> is to loadpages into it.
You should use standard installation for the menu (cross-frame mode).

See more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html
http://deluxe-menu.com/data-samples/cross-frame-horizontal-1-sample.htm

JavaScript Tree Menu and Deluxe Tabs will work fine in such frame structure.

Q: I'm trying the deluxe menu and I'm positively impressed.

But now I'm trying to simply use javascript to add some properties to my menu.

I modified the dynamic to 1

and I get only one error in the javascript monitor telling me:

Error: dm has no properties
Source File:
http://devel.discgolf-geneve.ch:8081/docroot/dg/js/menu/data.files/dmenu_dyn.js
Line: 8

A: Please, see how you should write this function:

function dm_ext_addItem (menuInd, submenuInd, iParams)

<script type="text/javascript" language="JavaScript1.2">
dm_ext_addItem(0, 0, ["Hello", "testlink.htm", "", "", "Hello", "_blank", "-1"]);

menuInd - index of a menu on a page, >= 0. (you have written menuInd=1, but if you have one menu on your page you should write 0).
You also have written itemStyleInd=1, but you have only one style in your menu. So you should write "0" or "-1".

Q: I am generating a conference website which I though will be out as soon as possible but you javascript menu generator has become impossible to insert in my page, here attached in a sample page, it is basic html, so tell me where am going wrong.

Or otherwise insert it for me.

A: Now you have:

<style type="text/css">

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

</style>

It is not correct.

You should write:

<style type="text/css">
</style>

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

Q: All dhtml dropdown menu links opens in a new window even when they're configured to open in the same page (or another frame).

A: Check the following dhtml dropdown menu parameters:

var itemTarget="_self";

["menu item","link.htm", "", "","Tip", "_self", "", "", "", "", "", ],

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