Javascript Treemenu by Deluxe-Tree.com
Javascript Treemenu


Buy Now!  Free Trial Download

Menu Screenshots Javascript Treemenu

Javascript Treemenu Popup Menu Right Click Tree

Features Javascript Treemenu

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
Category Menu Tree Javascript Treemenu
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".
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript treemenu menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

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!

Recent Questions Javascript Treemenu

Q: We have a query on a navigation that we have created. We would like to knowhowto set the colour for a nav item of the asp drop down menu if any pages in that section are currently being visited?

A: To save your navigation path you should set the following parameter:

  var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

  var pressedItem = -2;
The toggle mode. 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-level menu.
- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:

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

...
<script type="text/javascript" src="menudir/data.js"></script>

2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html

Q: I recently purchased your Deluxe-Tabs product and I am trying to create tabs that occupy 100% width with each tab being equal width.

Right now when I specify 100% menu width all of the tabs are difference sizes (widths).

How do I control the individual tab width?


A: You should use Individual Item styles to achieve this effect.

See the attached example.

You should set:

  var bmenuWidth="100%";

I have 5 items in my example, so I've created Individual Style

  var bstyles = [
["bitemWidth=20%"],
];

And assign it for all items:
["Item 1 aaaaa ssssss","", "", "", "", "", "0", "", "", ],
["Item 2 ffff jjjjjjjjjj","", "", "", "", "", "0", "", "", ],
["Item 3 text text","", "", "", "", "", "0", "", "", ],
["Item 4 text text","", "", "", "", "", "0", "", "", ],
["Item 5 text text","", "", "", "", "", "0", "", "", ],

But notice that items width cannot be smaller than the width of its'text. So it is possible that you'll have different size of some itemsif your window have a small size.


Q: I just purchased the Deluxe PopUp Window application in order to implement some pop up window on my web site the way I need them to work.

Infact, after taking a look at your application it doesn't seem (maybe I'm wrong) it can be used the way I need to.

To cut a long story short: I need the PopUP window onclick to show images and not texts pening up them by clicking on a text-link.

Images are many so, if I not wrong I must create lots of windows each one for each single image.

So, my questions are:

1) Can I use you pop up to show images only?

2) Can I activate them by clicking on the related links.

Generally, in order to do so, I have a single js script that activate the window onclick. To load a Popup window I need to click on a link by opening an HTML page containing the image.

To let it all work I need a <script> function in the <head> </head> tags and an onclick command calling the PopUp script activated when I click on the related link.

So, does your script work the same way. Can you confirm me that I can use your application just the same way as I have always done with a simple .js script + an .htm page containing an image?

I hope I was clear.

A: You can call only one data file and use deluxePopupWindow.open() function to open your windows:

<a href="javascript:;" onclick="deluxePopupWindow.open('window1', '<img src=\'img/DSCN3699.jpg\'>',
'Window1','width=100,height=100,resizable,scrollbars=no,middle,right,fade-effect',
'simple')">Click Here to see a chase1 sample</a>



See more info:
http://deluxepopupwindow.com/window-installation-info.html
http://deluxepopupwindow.com/samples.html


Q: The value of dmAJAXCount = 0 (we don't set that parameter).
How exactly does this parameter work? When does it have to be set?


A: That variable set the maximal number of submenus that will be loadedfrom server on your page.

If you don't know exact number of submenus you can set a big value forthis parameter.