Xml Tree Vertical by Deluxe-Tree.com
Xml Tree Vertical

Template: Xml Tree Vertical

XP Style Orange State Saving Web Tree Menu

State Saving Web Tree 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!
Set the following parameter: var tsaveState = 1;
and the menu remembers its structure for each user who visit your page.
Try to expand/collapse items. Then reload the page and you'll see results.

Key features:

    - Each item can have individual settings
    - Inactive/Disabled items
    - Personal CSS styles for separate menu elements
    - Vertical orientation of the Tree Menu
    - Submenus automatically scrolls
    - Submenus expand/collapse on mouseover
    - Movable and floatable menu
    - Several menus on one page





Buy Now!  Free Trial Download

Menu Screenshots Xml Tree Vertical

Xml Tree Vertical Tree Menu Tree

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

Features Xml Tree Vertical

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed xml tree vertical samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Tree Tutorial Popup Position Xml Tree Vertical
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
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
Buy Now!  Free Trial Download
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 Xml Tree Vertical

Q: The reason why I bought this javascript menu html was its ability to float. I have inserted the following data under Floatable Menu but my menu is fixed like a rock.

  var floatable=1;
  var floatiterations=6
  var floatableX=0
  var floatableY=1;

I hope you can help me once again


A: Notice, when you use floatable menu you can't use relative menu position.
So, if you use

  var absolutePos = 0;

and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.


Q: How does an item on the simple html menu connect to pages?

A: You should create menu items in the Deluxe Tuner and specify link and target for each item, for example:

  var menuItems = [
["Upcoming Trainings","http://domain.org/pub/upcoming-trainings", "", "", "", "_self", "", "", "", "", "", ],
["Conferences & Workshops","upcoming-workshops.html", "", "", "", "_blank", "", "", "", "", "", ],
["Continuing Ed","ceu.html", "", "", "", "main", "", "", "", "", "", ],
];

Q: I want to separate the main items with an image in the website navigation bar.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems
(you can do it in DeluxeTuner, use "Add separator" button), for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



Q: The only problem I see is that Firefox doesn't make the sub-menus the right height, and doesn't support the dropshadow, any window effect, although IE6 works fine.
Is there a way to get FF to display correctly?

A: You can't see the shadow in Firefox because filters are supported byInternet Explorer 5+ only.

>>> The only problem I see is that Firefox doesn't make the sub-menus the
>>> right height,

Try to specify units in "px".
Please, write so:
  var itemPadding="3px";



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