FAQ
Q: I added the HTML for a new menu item in the structure but it did not
appear?
A: This is usually a syntax error. Double check that you have a
closing </LI> tag and that all HTML contained within the item is formatted
correctly.
Q: The tree menu animations are very fast in the template, however they slow
down when I embed the same menu in my page, why?
A: IE and FireFox both animate slower relative to how deep your effect is
embedded within your documents structure (by deep, meaning levels... i.e.
<div><table><div>...the menu</div></table></div>, etc.) You can overcome
this problem in IE by embedding the menu within an absolute positioned DIV (<DIV
style="position:absolute">menu html here</DIV>) If your menu is
stretching a bordered container this option may not work with your layout.
To avoid slow-downs, try to keep your layout simple, instead of using tables to
position the menu, try putting it an absolute positioned div and give it
coordinates.
Q: How do I position the tree in my document?
A: The tree positions itself as an inline block level element at the point
of insertion within your HTML source code (similar to positioning a table
or div within your page). To move the tree, move the entire menu structure
(including comment tags witch identify the tree menu structure and links section) to
an insertion point of your choosing within your HTML source code. If using
the separate files sample, move the <SCRIPT> tag which references the 'tmenu_data.js'
file instead.
Q: Clicking on the text portion of an item does not expand the tree, why?
A: By default, clicking on the text portion of an item with child nodes will
not expand the item. To make the text portion clickable surround the items
description in a span tag (e.g. <span>item description</span>).
Q: How do I set a node to be expanded by default?
A: To set an item to be expanded by default when the tree menu loads, add
the custom expanded attribute to the items LI tag and set the value to 1 (e.g.
<LI expanded=1>...</LI>).
Q: How do I make the menu 508 compliant?
A: The menu structure and content are contained within a UL tag which by default
is set to 'display:none;'. To make the menu compliant, remove the 'display:none'
statement. *Note: You may notice a flicker when the page loads with this
statement removed from the UL's inline style.
Q: Can I add a custom bullet or icon to each of my menus items?
A: Yes, simply add an <IMG> tag within the items LI tag. You can add any custom HTML you wish
to each menu item.
Q: How do I make text descriptions wrap to a second line?
A: Use a break tag within your description <BR> (e.g. This is my first
line<BR>This is a second line.).
Q: How do I add more than one Tree Menu to a single page?
A: There are two ids which identify different parts of the tree...
In the trees structure and links is an id attached to the tree's opening <UL> tag (ex: <UL id='tmenu0'...>).
A second ID is affixed to the function which contains all the menus parameter settings (e.g. function tmenudata0())
To add a second tree add a new tree structure and a new function with parameter settings. Next, increment the numeric id of both ids outlined above... they would become... 'tmenu1' and 'tmenudata1'. An infinite number of Tree Menus may be added to any page using this technique.