Recent Questions Simple Html Treeview
Q: Is it possible to have the "parent" item be purely an image but the dropdown portion of the menu being in regular text?
What we want to do is show emulate a basic text look for the main menu headings but the font is a special font so we have to use an image. When hovered over we'd like to replace the image (i.e do a rollover) with the same text but a different color.
A: Yes you can create such menu.
You should use images for the main items.
You should write your menu items in the following way:
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],
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: For example if you use the Growing Goodness menu located under Media Categories the first category is Agriculture w/ a sub category "Community Supported (CSA)" it is the sub category that is an active link. Is it possible to have only the active link "Community Supported (CSA) underlined and not Agriculture? And the same for all the other active links in this menu, all that have hyperlinks assigned to them.
A: You can write your links in the following way:
["Channels","", , , , , , , , ],
["|<a class='menu' href='http://growinggoodness.com/callingfromthecoast.htm'>Eco-Friendly</a>","", , , , "_self", , , , ],
["|<a class='menu' href='http://growinggoodness.com'>Farmers Market</a>","", , , , "_", , , , ],
["Media Categories","", , , , , , , , ],
["|Agriculture","", , , , , , , , ],
["||<a class='menu' href='http://growinggoodness.com/csa.htm'>Community Supported (CSA)</a>","", , , , "_self", , , , ],
["||Movie Trailers","", , , , , , , , ],
["|||<a class='menu' href='http://growinggoodness.com/farmboymovie.htm'>Farmboy</a>","", , , , "_self", , , , ],
["|||<a class='menu' href='http://growinggoodness.com/strongrootsfragilefarms.htm'>Strong Roots, Fragile Farms</a>","", , , , "_self", , ,, ],
["|||<a class='menu' href='http://growinggoodness.com/therealdirtonfarmerjohn.htm'>The Real Dirt On Farmer John</a>","", , , , "_self", , ,, ],
And create a style:
A.menu {
color: #FFF;
text-decoration: none;}
A.menu:hover {
color: #FFF;
text-decoration: underline;}
Q: We do need the menuitem separation bars as most of the menuitems are quit lengthy, and there needs to be a separation bar to distinguish between them.
A: If you want to add separators between items you can paste a separatorbetween items or you can set item's border width in the following way:
var itemBorderWidth="0 0 1 0";
But you cannot enter this value in Deluxe Tuner you should set thisparameter manually.
You can also create style for the last item with border width = 0:
var itemStyles = [
["itemBorderWidth=0"],
];
To add separators, please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="5";
var separatorHeight="100%";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="1";
var separatorVHeight="100%";
var separatorPadding="";
You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
