Template: Javascript Progressive Enhancement Tree Menu

Vista Style 3 Tree Menu Script

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:

    - Each item can have individual settings
    - Movable and floatable menu
    - Vertical orientation of the Tree Menu
    - Relative/Absolute menu position
    - Inactive/Disabled items
    - different speed for an animation for submenus
    - Image arrows
    - 3-state icons for each item

Menu Screenshots Javascript Progressive Enhancement Tree Menu

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

Features Javascript Progressive Enhancement Tree Menu

Easy Setup

De Luxe Tuner. GUI interface to create your javascript progressive enhancement tree menu 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

Javascript Tree Flyout Javascript Progressive Enhancement Tree Menu

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".

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 progressive enhancement tree menu 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.

These effects will make your menu more attractive and stylish. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

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

Recent Questions Javascript Progressive Enhancement Tree Menu

Q: Do you have a template example of creating menu javascripts using data stored in a database?

A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files,
so, you should move parameters of a menu from a .js file into an html-page, e.g.:


<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" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

Q: I want to have the pop up window display as you mouse over an image/link - is this possible?

A: For example you want to open a popup onMouseover, onClick or
onMouseout on a link.

So, you should create a link on your page and set id="" for it, forexample:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

So you'll have

deluxePopupWindow.attachToEvent(win,',,onClick=link,onMouseOver=over,onMouseOut=out,')

Q: When I put any new link on my tree view expand it goes as if I am placing as _blank when I have it leading to _self.

A: At the moment you have:
  var titemTarget="_blank";

And you haven't specified "_self" parameter to
   ["||Unilock Fireplace MODS","fireplace_unilock_mods.htm", "", "", "", "", "", "", "", ],

You should set
  var titemTarget="_self";
or set "_self" parameter for each item individually:
   ["||Unilock Fireplace MODS","fireplace_unilock_mods.htm","", "", "", "_self", "", "", "", ],

Q: Also, I was wondering about adding some css (style="cursor:pointer") so when someone is over the javascript pop menu it will turn into a hand and the user will know it is clickable.

A: Set the following javascript pop menu parameter:

var itemCursor="pointer";

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