Template: Scriptaculous Tree Menu

Standard Tree Menu

Font, Colors, Borders, Images
- Use any available font style;
- Use any available border style and width;
- Use any color for items background, menu background, font, and borders;
- Assign images to icons, menu, items backgrounds.
Lines
Assign your own images for lines.

Key features:

    - Movable and floatable menu
    - Personal CSS styles for separate menu elements
    - Items with icons
    - Unlimited number of sub levels
    - Inactive/Disabled items
    - Filters and Transitional effects
    - Status string shows item labels
    - Image arrows

Menu Screenshots Scriptaculous Tree Menu

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

Features Scriptaculous Tree Menu

Professional Look-n-feel

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

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

Downloadable Tree Drop Down Menu Scriptaculous Tree Menu

Easy Setup

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

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

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

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

Javascript Tree Menu. Expandable Menu.

Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/disabled. Addition/removing of items. Changing of visibility of items. Collapsing/expanding of items. Getting the information on any menu, submenu and items. Other tricks. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

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

Recent Questions Scriptaculous Tree Menu

Q: I am trying to change the Width for only one javascript popup menu item and going to the below menu individual style and changing the smwidth .
But this is not changing.

A: You should assign Individual Submenu Style for the items.

You can assign it in the "Item Parameters" window.
Select for example the first item in submenu and assign IndividualSubmenu Style.

Q: How can I open the links that I created for the items /sub-items on the same window
for the mouseover menu (not on a new window)?

A: You can set target parameter for all items:

var itemTarget="_self";

or for each item individually:

["","testlink.htm","http://images.myregistry.com/images/myregistry/tabs/thingstodo.gif", "http://images.myregistry.com/images/myregistry/tabs/thingstodo1.gif", "Home Tip","_self", "0", "0", , ],

Q: I have the menu working perfectly on the main page of the website,but when I try to install menu javascripts onto html files that appear in subfolders of the site, the images do not appear.

A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.

Q: I still do not understand your answer about the simple java menu arrows, which work in preview, but not on the website. The html is correct.

A: You have
  var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"];
in your data js, so the arrows must be here
http://domain/ss.files/arrow_sub5.gif

you arrows is here
http://domain/menu/ss.files/arrow_sub5.gif

You can use
  var pathPrefix_img="menu/";

or change paths here
  var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"]; --> menu/ss.files/arrow_sub5.gif

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