Template: Css Sitemap Treeview

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:

    - Personal CSS styles for separate menu elements
    - Status string shows item labels
    - Submenus have a fade effect
    - Unlimited number of sub levels
    - 3-state icons for each item
    - Image arrows
    - Vertical orientation of the Tree Menu
    - Submenus expand/collapse on mouseover

Menu Screenshots Css Sitemap Treeview

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

Features Css Sitemap Treeview

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

Easy Setup

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

Tree View Menu Desplegable Css Sitemap Treeview

Cost Effective

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

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

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

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

Javascript Tree Menu. Expandable Menu.

You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu.Choose any color for backgrounds of submenus and items. Use special prefixes for image paths and links to make paths absolute.
You can assign your own images for lines.

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

Recent Questions Css Sitemap Treeview

Q: How do I make the buttons in my java navigation menu transparent?
I only want to see the letters appear in my table and not the button until I mouse over it?

A: To set transparent background for the menu you should set:

var menuBackColor="transparent";
var itemBackColor=["transparent","transparent"];

Q: I am trying to get my submenu to be all black along with the main menu item that I am hovering over.
But I cannot do it.

A: Now you have

["|About Us","About_Us", , , ,"Tip Text" , , , ,"0"],

it is not right. You should write

["|About Us","About_Us", , ,"Tip Text", , ,"0",],

Q: Is there a way to increase the margin between the text on the main tree menu and the edge of the dhtml menu control. The text appears to be right up against the left margin.

A: You can add symbol before item's text, for example:

[" Javascript/DHTML Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "0", "", ],

or you can write:

["+<div style='padding-left: 15px;'>Javascript/DHTML Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "0", "", ],

Actually you can use any html code within dhtml menu control items.

Q: I can’t highlight the selected menu item of the current page in the javascript flyout menu?

A: Please, check the following parameter

var pressedItem=-2;
This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page.
That is why you should write your own code on PHP.

You can also set the correct:
var pressedItem=1;
parameter on each html page.

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