Treelist Javascript by Deluxe-Tree.com
Treelist Javascript

Template: Treelist Javascript

XP Style Silver Movable Tree View Menu

Movable Tree View Menu
Try to move the menu using the top spacer above the menu (drag-n-drop. Parameter: var tmoveable). Selected Item
- Click on any item.
  The test page is opened and selected item is highlighted (parameter: var ttoggleMode).
- You can also set a default selected item by placing '>' symbol before a text of the item.

Key features:

    - Submenus automatically scrolls
    - Vertical orientation of the Tree Menu
    - different speed for an animation for submenus
    - Filters and Transitional effects
    - Submenus expand/collapse on mouseover
    - Unlimited number of sub levels
    - Several menus on one page
    - Relative/Absolute menu position





Buy Now!  Free Trial Download

Menu Screenshots Treelist Javascript

Treelist Javascript Simple Tree Dropdown Menu

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

Features Treelist Javascript

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
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".
Xpmenu Tree Treelist Javascript
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
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your treelist javascript menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Tree Menu. Expandable Menu.

  • You can animation and effects for the javascript tree menu. These effects will make your menu more attractive and stylish. When you click on titles of submenus - submenus will collapse or expand. Submenus have a fade effect in Internet Explorer when you collapse/expand them, so your menus look like original menus in Windows XP Explorer. You can set different speed for an animation.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions Treelist Javascript

Q: Doesn't this mean that I have to add this search engine code to all of my sites pages?  If so this could be tedious when adding additional pages to a large site.Is this something I can adjust ...or make submenus were you can't see through them?


A: Unfortunately it is really so. You should paste search engine code onthe each page with the menu.

If you don't want to create your menu (and add search engine friendlycode) on each page, you can try to use frames, the menu has a cross-frame mode. Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.


Q: I downloaded the trial version of deluxe-menu.
I created a four tab menu using the tab'stab menu generator; so far so good.
I read the tutorial where to past codeand ensuring all items wire in the menudir/; so far so good. The problem, you talk about two> files 'dmenu.js' & 'data.js', these files were not created bydeluxe-menu program.
Where are they, so that I can see if this thing works before buying, so far; not so good.

A: You may have another name for your data file (not data.js).

If you want to use tab menu you'll have dtabs.js engine file and data file.

1. create and save .js file with your menu parameters in Deluxe Tuner(you can use "File/Save as/HTML" function).
You can enter any name you like, for example enter "tab". So you'llhave tab.html, tab.js files and "tab.files" folder with all menu files.
2. open your .html page in any text editor
3. Copy generated tab.js file and "tab.files/" folder in the same folderwith your index.html page.
4. Open generated menu.html in any text editor and copy several rows of code (<script> tags), For info see:http://deluxe-tabs.com/product-info/?installation

<head>
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="tab.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="tab.js"></script>
...


That's all.

Q: In IE 6.0 and Firefox 1.5.0.4, the dropdown submenus are not visible and it does not float in firefox (floats in IE but no submenus) whereas in Opera 8.53 and Opera 9 it works fully.


A: Now you have two entries of dmenu.js file on your site in the <head> and <body> tags.
You must have only one entry of dmenu.js file.
You should write so:

...
<body>

<script type="text/javascript">  var dmWorkPath = "http://www.gaurangapada.org/data.files/";</script>
<script type="text/javascript" src="http://www.gaurangapada.org/data.files/dmenu.js"></script>

</body>

Please, delete the same code from the tag.

Now you have:
  var transparency="0";
That is why you can't see your subitems.

Please, write, for example, so:
  var transparency="80";


Q: Now, I need your help in another question: I can set "tpressedFontColor" to have the font of the active item in the dhtml tree menu take this color.

How can I make the onmouseover - background ("titemBackImage" of the individual style set in the item parameters) of the menu item also be saved in the active, selected dhtml tree menu item? I need to build a menu with different background-images (shown on mouseover and when active) for each item, so I cannot set ONE "titemBackImage" that fits for all.

Thank you very much, Irene. And yes, I really love this product.

A: Unfortunately it is not possible now to set background color orbackground image for the selected state. Deluxe tree doesn't have sucha feature now.

But we'll try to add this feature in the next versions of Javascript/DHTML Tree.



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