Recent Questions
Q: On the same collapsible menus, is there any way to remove the spaces between the top items?
A: No, unfortunately there is no way to remove that space in XP Style
var tXPStyle=1;
If you use
var tXPStyle=0;
you can set the following parameter:
var titemHeight=18;
Q: Can I expand all tree category in the collapse menu html?
A: You can expand all items in Deluxe Tree, set:
var texpanded=1;
To expand specific items you should add "+" sign before item's text:
["+Samples Gallery","", "", "", "", "XP Title Tip", "", "1", "0", "", ],
["|+Samples Block 1","", "default.files/icon3_s.gif", "default.files/icon3_so.gif", "", "", "", "", "", "", ],
["||New Sample 1","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],
["||New Sample 2","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],
Try that.
Q: How do you center the text within the top-level menu cels in the menu java script?
There doesn't seem to be a setting for it in the tuner. There's a justification option for the sub-menus, but not for the top.
A: Use the following parameter to specify align for the top items:
var itemAlignTop="center";
Q: When using javascript tabbed menu, where do I place the text content related to the selected tab, (the text presented on the rest of the screen under the tab)? And who do I connect a specfic text to a certain tab?
A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set var tabMode=0;
["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">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste content of javascript tabbed menu here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your description here!!!!!
</div>