Recent Questions
Q: I'm experimenting with the purchased Treemenu. Looks very nice!
A question: When I set the menu width to 200px and the text of the item exceeds this width, text is not wrapped resulting in some strange display. How can I wrap the text in the java menu tree?
I can not simply use extra <br> tags because the data of the items are dynamic (php + MySQL).
A: You should set the following parameter
var tnoWrap=0;
Try that.
Q: I would like to add your tree structure to my web page. I need to know if I can add substantial data to the expanded tree structure, for instance:
Click here to expand product A
And here is the expanded content that takes up three paragraphs and
wraps itself etcetera all about product A
Can your deluxe-tree accept multiple lines and paragraphs with wrapping in the sub items, or is it for one or two line menu data only.
A: var tnoWrap=0;
You can also use <br> tags in the item text, for example:
var tmenuItems = [
["line 1<br>line 2"],
];
Q: I have read your FAQ’s on “When using mouse over tab menu, where do I place the text content related to the selected tab”, but I am still not understanding how to edit the script.
Cansomeone please assist me.
A: You should specify any Object ID name of the DIV.
See, for each item you should assign the ID property of the content
DIV (see data file with your menu parameters).
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID.
You canset background image for these DIV's in styles.
<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>
Q: I would like to make the main bar for the menu javascripts more consistent in the spacing.
A: Try to set exact width for each top menu item using Individual Styles:
var itemStyles = [
["itemWidth=131px"], //style0
];
var menuItems = [
["home","", "", "", "", "", "0", "", "", "", "", ], //style0
["artist index","", "", "", "", "", "0", "", "", "", "", ], //style0
["the gallery","", "", "", "", "", "0", "", "", "", "", ], //style0
];