Recent Questions Jquery Tree Menu Archive 2009
Q: When I check my website for accessibility it shows NoAlt on the dhtml drop down menu!.
Where do I add an alt tag in the data file?
A: You should use the fifth parameter in menuItems
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
For example:
["Home","index.htm", "", "", "Home", "", "", "", "", ],
["|Dr. Copeland's Bio","bio.htm", "", "", "Dr. Copeland's Bio", "", "", "", "", ],
["|Destiny History","history.htm", "", "", "Destiny History", "", "", "", "", ],
["|Contact Destiny","contact.htm", "", "", "Contact Destiny", "", "", "", "", ],
["|Dr. Copeland's Itinerary","itinerary.htm", "", "", "Dr. Copeland's Itinerary", "", "", "", "", ],
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 would like the button in the sub navigation bar to stay white when you navigate to a particular page..
A: 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 have some problems with Javascript/DHTML Tree.
I have set the var tlevelDX to 5 to decrease the indent for each level of items, but would like to decrease the indent even more. Ican't find the parameter that will set the indent in pixels of thefirst level item.
Also, is there a setting that will put text for a menu item on a second line?
I hope that you can help.
A: You can make the smallest indent this way:
var tlevelDX = 0;
You are not able to have more little indent. This place is reservedfor + buttons.
Try to set this parameter:
var tnoWrap=0;
You can also use <br> tags in the item text, for example:
var tmenuItems = [
["line 1<br>line 2"],
];
