Template: Xp Treeview

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:

    - Filters and Transitional effects
    - Movable and floatable menu
    - Several menus on one page
    - Submenus expand/collapse on mouseover
    - Image arrows
    - 3-state icons for each item
    - Submenus automatically scrolls
    - different speed for an animation for submenus

Menu Screenshots Xp Treeview

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

Features Xp Treeview

Easy Setup

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

Professional Look-n-feel

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

Menu Dropdown Tree Xp Treeview

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

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

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.

You can set default expanded/collapsed items and submenus.
After clicking on menu item selected item becomes highlighted.
When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
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!

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

Recent Questions Xp Treeview

Q: I downloaded the tuner and am testing the file prior to purchasing. Is there a way to set up categories and beneath those categories there are subitems...then depending on what page I am on in the website, the appropriate category and subitems automatically show up in the javascript tree view menu?

If so, can you please tell me where and how to setup a menu if it's just changing a variable. Maybe you have an example of the web?

Here's an example of what we are needing. If you open your website http://deluxe-tree.com/samples-sample.html there are 2 sep. menus, one at the top and one on the side.
If I click Samples on the top menu, the samples submenu should automatically expand on the javascript tree view menu. How would I set this up?

A: See how you should highlight and expand the selected items here:

http://deluxe-tree.com/highlight-selected-menu-item-sample.html

I'm sending you the example.

Q: There is a grey line that surrounds my menu (its on a page with black background. How do I get rid of the grey line?

A: See, you set the shadow for the top items and submenus

  var shadowLen=2;
  var shadowColor="#C4C4C4";
  var shadowTop=1;

You should set

  var shadowLen=0;
  var shadowColor="#C4C4C4";
  var shadowTop=0;

Q: Also once you click a link and go to a new page, how do you get the java choice menu tab for that new page to stay the highlighted one?

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

Q: I develop with a mac and I would like to know if your navigation bar maker is mac compatible?

A: You should download free trial version on MAC.
So, you'll have MAC version of JavaScript Tree Menus:
http://deluxe-menu.com/trial-download.html

And use the licensed engine files from the licensed .zip
(you candownload it from the link in your license message).

Unfortunately we don't have html version of the Tuner for Javascript/DHTML Tree
Deluxe Tabs, Deluxe Css Menu now. We'll try to create it in the nearest future.

You can find all templates for Javascript/DHTML Tree, Deluxe Tabs, Popup Window, Calendar
in thetrial package and on our sites.

More info about installation and parameters you can find on our websites:

http://deluxe-menu.com
http://deluxe-menu.com/css-menu/
http://deluxe-tree.com
http://deluxe-tabs.com
http://deluxepopupwindow.com/
http://calendardatepicker.com/

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