Javascript Tree Menu by Deluxe-Tree.com
   
(c) 2006, DHTML-Tree
 
   
   
 
 

    Individual XP Item Styles

Individual XP Item Styles

Individual XP item styles are special menu parameters (arrays) that you can assign to sub menus titles of tree menu in XP-style:

var tstyles = [
        ["paramName=value", "paramName=value", "paramName=value", ...],     // style with index 0
        ["paramName=value", "paramName=value", "paramName=value", ...],     // style with index 1
        ...
];


Use the following sub menu parameters within each style:

paramName=value Description
tXPTitleBackColor=#0000FF Normal and mouse over colors of a title background.
tXPTitleBackImg=titleback.gif Normal and mouse over background images of a title.
tXPTitleLeft=left.gif Image of a left border of a title.
Used when titles have no icons.
tXPTitleLeftWidth=4 Width of a left border of a title.
tXPExpandBtn=exp1.gif,exp2.gif,col1.gif,col2.gif Button images within a title.
4 states:
       - expanded-normal
       - expanded-mouseover
       - collapsed-normal
       - collapsed-mouseover


After you created item styles you can assign them to dhtml tree menu items.
For example:

var tXPStyles = [
        ["tXPExpandBtn=exp1.gif,exp2.gif,col1.gif,col2.gif", "tXPTitleBackImg=titleback.gif"],     // style 0
        ["tXPTitleBackColor=#D9DAE2", "tXPTitleBackImg=titleback2.gif"],                                      // style 1
];


var tmenuItems = [
         ["First XP Submenu", "", "titleicon.gif", "", "", "Title Tip", "", "0"],         // assign XP style 0
             ["|Item 1"],
             ["|Item 2"],
             ["|Item 3"],
         ["Second XP Submenu", "", "titleicon2.gif", "", "", "Title Tip", "", "1"],   // assign XP style 1
             ["|Item 4"],
             ["|Item 5"],
             ["|Item 6"],
];



All menu parameters are placed within data-tree.js file. This file contains:
1. Menu parameters
2. Menu items, individual styles and individual xp styles
3. Function for a menu initialization (dtree_init();)


   
Copyright (c) 2009, DHTML-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. bootstrap gallery | free icons | bootstrap menu | bootstrap forms | jQuery Slider Free Download