The template emulates Vista OS menu style. To open submenus click on menu items. The appearence of this template is determined by the following parameters:
- The menu have XP Style; Animation effect for subitems - Toggle-mode support. - Items have icons - Menu has a static position and is placed within the table cell
Key features:
- Vertical orientation of the Tree Menu - 3-state icons for each item - Filters and Transitional effects - Status string shows item labels - Submenus have a fade effect - different speed for an animation for submenus - Items with icons - Unlimited number of sub levels
Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
Use special prefixes for image paths and links to make paths absolute.
Q: I was trying to figure something out myself but after a lot of hours I decided I will contact you.
I am working on a javascript collapsing menu and I am using the XP style one.
I don’t know why but the align of the text is not moving to the right side (because in Israel we write from right to left)
The sub-menu works great and all the text align to the right but from some reason the title is unmovable.
Please if you know any solution to that problem?
A:See how you can create your top javascript collapsing menu items:
- you can set the following parameter:
var tXPAlign="right"; //align of expand-buttons of submenus titles
- write your top items: ["+<div align=right> Javascript/DHTML Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "", "", ],
Q: Dreamweaver navigation bar disappearing behind flash file in Firefox..
A:You should add "opaque" parameter for
Q: I would like to know how I indicate on a javascript menu, an item that was selected. So in other words, if I have a horizontal navigation and I select the 3rd index along the menu and select something from this, how can I make the 3rd index highlighted?
JavaScript Tree Menu has only two states normal and mouseover.
Try to do the following things:
- delete var pressedItem=1; parameter from your data file - set correct parameter on each page before you call data file, forexample:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript> <script type="text/javascript"> var dmWorkPath = "menudir/";</script> <script type="text/javascript" src="menudir/dmenu.js"></script> <script type="text/javascript"> var pressedItem=3;</script> ... <script type="text/javascript" src="menudir/data.js"></script>
You can also 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.
Q: I can't figure out how to change the names of each tab for the simple dhtml tabs!
A:You can set the name of each tab in the Deluxe Tuner. Double click on the item name in the Items area.
