Template: Html Tree Sample

XP Style Silver Movable Tree View Menu

Movable Tree View Menu
Try to move the menu using the top spacer above the menu (drag-n-drop. Parameter: var tmoveable). Selected Item
- Click on any item.
The test page is opened and selected item is highlighted (parameter: var ttoggleMode).
- You can also set a default selected item by placing '>' symbol before a text of the item.

Key features:

    - Submenus automatically scrolls
    - Submenus have a fade effect
    - Items with icons
    - different speed for an animation for submenus
    - Each item can have individual settings
    - Relative/Absolute menu position
    - Movable and floatable menu
    - Several menus on one page

Menu Screenshots Html Tree Sample

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

Features Html Tree Sample

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

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Tree Submenu Example Html Tree Sample

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

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

Easy Setup

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

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

Javascript Tree Menu. Expandable Menu.

Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
Don't let your web site guests to get lost. Try Javascript/DHTML Tree!

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

Recent Questions Html Tree Sample

Q: I'm trying to display the submenus to the left of the vertical navigation bar.

A: Try to use the following parameter:

var subMenuAlign = "left";

Q: I purchased the full package for the application. Great job!
I have no questions about generating and/or customizing DHTML menues - it's pretty straight forwards.
I am trying to find out how to generate and customize POPUP WINDOWS.

A: To assign popup windows for links on your page do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:

<a href="javascript:;" id="win1">Click Here to see a window</a>

Change parameters of windows in data files, for example popup-window-XP.js.
Open it in any text editor.

2) Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows content - Object ID.

For example select HTML content (winContent parameter in the 'Common' section), for example:

<div style="text-align:center;"><b>Sample content</b></div>

This is a simple HTML code for content. Here you may also set link to content page or ID of some element.

3) In the 'Actions' section specify the id of your link (win1) for the onClick event.

4) For example: open the popup-window-XP.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:

...
<body>

<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com <script type="text/javascript" src="popup-window-XP.files/dpopupwindow.js"></script>
<script type="text/javascript" src="popup-window-XP.js"></script>


5) Copy 'popup-window-XP.files/' folder and popup-window-XP.js file into the samefolder with your index.html (root folder of your website).

Q: I using "deluxe menu Tree " : floating menu and I would like to remove the icon on the right, setting TXPExpandBtn.Is this possible?

A: No, you cannot remove expand buttons in var tXPStyle=1;.
But you can use another images for them. You can change it in Submenu Styles.

You can use var tXPStyle=0; also.

Q: I can't get drop down navigation menu to centre in the table..
I want it to - which is just below the header flash
Could you let me know what to do

A: Now you're using absolute position for JavaScript Tree Menu:

var absolutePos=1;

You should use relative position:

var absolutePos=0;

Try that.

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