Template: Javascript Folder Tree Module

Vista Style 5 Dhtml Tree Menu

The template emulates Vista OS menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - The menu have XP Style; Animation effect for subitems
    - Toggle-mode support.
    - Items have icons
    - Menu has a static position and is placed within the table cell

Key features:

    - Image arrows
    - Inactive/Disabled items
    - Relative/Absolute menu position
    - different speed for an animation for submenus
    - Submenus automatically scrolls
    - Personal CSS styles for separate menu elements
    - Submenus have a fade effect
    - 3-state icons for each item

Menu Screenshots Javascript Folder Tree Module

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

Features Javascript Folder Tree Module

Easy Setup

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

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

Html Tree Popup Menu Javascript Folder Tree Module

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

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 folder tree module samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

Javascript Tree Menu. Expandable Menu.

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!
Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
These effects will make your menu neat and chic. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

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

Recent Questions Javascript Folder Tree Module

Q: First, i like the time I save with this program, but it isn't going to help me that much if I can't put the menu where I want it on my page.

No matter how I set the "positioning", it shows up in exactly the same place over and over. I've put it in table cells, I've given it absolute positioning... none of it matters.

A: If you want to center the menu paste itwithin the <div> or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600><script type="text/javascript" src="data/data.js"></script></td>
</tr>
</table>

Please, set exact value for   var menuWidth parameter, for example:

  var menuWidth = "600px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
  var absolutePos = 0;

Try that.

Q: My problem is that the easy dropdown menu, as opposed to being in a fixed position
as stated in the .js file floats up and down with the page..How do I fix this..

A: You should set the following parameter to disable the floating feature:

var floatable=0;

Q: I can’t seem to figure out how to specify the width of individual items in the website drop down menu.
I would like to specify that each menu item on the horizontal take up just 113px
regardless of the number of characters in the item.
Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style, forexample:

  var itemStyles = [
["itemWidth=113px"]
];

  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.

Q: Typically in order to generate a menu with multiple layers I’d put a pipe character in front of the menu text.. For example:

["|Page Admin","/admin/handoutadmin.php", , , , "_new", , , , ],
   ["||Student Pages","/admin/handoutadmin.php?type=1", , , , "_new", , , , ],
   ["||Teacher Pages","/admin/handoutadmin.php?type=2", , , , "_new", , , , ],
   ["||Family Letters","/admin/handoutadmin.php?type=4", , , , "_new", , , , ],
   ["||Transparencies","/admin/handoutadmin.php?type=3", , , , "_new", , , , ],

However, when I try to do it with dm_ext_addItem it actually SHOWS the pipe character and doesn’t create any menu levels at all.
For example:

dm_ext_addItem(0, 0, ["Add a Handout to this Lesson", "", "", "", "", "", ""]);

dm_ext_addItem(0, 0, ["|Student Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

dm_ext_addItem(0, 0, ["|Teacher Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

How can I generate multiple levels of the menu with javascript?

A: I suppose that your code is not valid
dm_ext_addItem(0, 0, ["|Teacher Page", "/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

Try to write it in the following way:
dm_ext_addItem(0, 0, ["|Teacher Page", "/admin/handoutadmin.php?type=", "", "", "", "_new", ""]);

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