Recent Questions Tabbed Treeview Javascript
Q: I am curious why there are no font settings for "Individual Styles" for"Submenu styles".
Basically I want to have a different font and color for my submenu items so they appear differently than the normal primary Items - but it seems there is only two options for fonts:
- The global font parameters affecting all fonts (primary and sub).
- And the Individial Styles for primary Item Styles.
Why no font paramenters for Submenu Items?
A: You can assign Item Style for the submenu item too.
See the example:
var itemStyles = [
["fontStyle=normal 13px Comic Sans MS"], //item style 0
];
var menuStyles = [
];
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //item style 0
["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , "0", , , ], //item style 0
Q: Can you please give me an example of how I would return the full path to the selected item of the web site menu?
A: See the following example:
function getFullPath(mInd){
var result='';
// get pressed item
var params = dm_ext_getMenuParams(mInd);
if (!(params[2]>=0)) return '';
function getPathForItem(mInd,smInd,itInd){
// get for this item
var params = dm_ext_getItemParams(mInd,smInd,itInd);
var result = params[2]+ '('+ params[3]+')';
// find root item id
if (smInd <= 0) return result;
params = dm_ext_getSubmenuParams(mInd,smInd);
for ( var smInd_=0;smInd_ for ( var itInd_=0;itInd_ itParam = dm_ext_getItemParams(mInd,smInd_,itInd_);
if (itParam[0]=arams[2])// id
return result + '->' + getPathForItem(mInd,smInd_,itInd_);
}
}
return result;
};
return getPathForItem(mInd,params[1],params[2]);
}
Q: I'm trying to shrink the vertical size of the sub-menu entries in my menu:
I think I've specified all the parameters correctly in data.js, but itТs hard to tell what affects the height of the submenu entries. Even reducing the type from 10pt to 8pt didnТt shrink them at all.
A: See, you set the following parameter:
var itemPadding = 7;
That is why you have such a big padding around the items.
If you don't want to change the appearance of the main items youshould create Individual Style for the subitems. For example:
var menuStyles = [
["itemPadding=2px"],
];
And assign this style for the first item in submenu.
Q: How I make sure, that long menu items in dhtml menu sample can wrap into two lines?
A: You should set the following parameter:
var noWrap=0;
Or use standard <br> tags inside item's text:
["International Music X Home<br>Decoration X Books","", "", "", "", "", "0", "0", "", "", "", ],
