Recent Questions Expandable Menu Tree Js Code
Q: My menu does not work with IE7 (I don't know if it works with IE6) but it works perfectly in FF and Netscape. HELP!!!
A: You have several errors in your data file.
Please, check that you don't have additional spaces in yourparameters.
For example:
var fontColor=["#F3E398 ","#F3E398 "];
var itemBackColor=["#43597E","#9B1313 "];
"fontColor=#F3E398 ,#F3E398 "
Q: Is it possible to hide the plus signs so only the icon and the menu text show?
A: Yes, you can do it.
You should write so:
//------- Buttons -------
var texpandBtn = ["","",""];
var texpandBtnW = "";
var texpandBtnH = "";
var texpandBtnAlign = "left";
Q: Can this javascript collapsible menu be integrated into Expression Web?
A: JavaScript Tree Menu wasn't developed as Dreamweaver/Frontpage/Microsoft Expression Web extension,BUT you can use it as standard Javascript files. To install the menuinto your html page:
1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see: http://deluxe-menu.com/installation-info.html
That's all.
To create and configure your menus use Deluxe Tuner application
(included into the trial package): http://deluxe-menu.com/deluxe-tuner-info.htmlQ: How do you go about labeling the various segments of your page to utilize the tab navbar?
A: 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.
<div id="contentName" 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 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>
You can paste any code within DIV's (PHP, Javascript ...)