Recent Questions Javascript Menu Treeview
Q: Is it possible to use more than one Menu in one Site, for example with
<script type="text/javascript"> var dmWorkPath1 = "menue/produkt.files/";</script>
<script type="text/javascript" src="menue/produkt.files/dmenu.js"></script>
<script type="text/javascript"> var dmWorkPath2 = "menue/navigation.files/";</script>
<script type="text/javascript" src="menue/navigation.files/dmenu.js"></script>
unfortunately this syntax doesnґt work
A: You can use as many menus as you want on the one page.
But you should call dmWorkPath parameter and dmenu.js file only onceon the one page.
You cannot write dmWorkPath1 and dmWorkPath2. Youir menu won't workcorrectly in that case.
You should write
<!-- JavaScript Tree Menu -->
<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>
<!-- (c) 2007, http://deluxe-menu.com -->
and call several data files:
<script type="text/javascript" src="menudir/data1.js"></script>
...
<script type="text/javascript" src="menudir/data2.js"></script>
...
<script type="text/javascript" src="menudir/data3.js"></script>
Q: I used the drop menu creator to create a simple tab example, and I created a simple HTML file to display the tabs. It initially appears fine when the page first displays (e.g., the correct div is hidden), but when I *first* click on a tab I always get a javascript error deep in the .js code. Then I click around a bit between the tabs and get some display problems (no more javascript errors though), until finally the show/hide logic recovers and all looks ok.
The error I initially get is something like “tabs[…].id is not an object”. I have the IE7 debugger turned on, otherwise I might not ever see this error.
FYI, I tried your example menus on your web site and everything is fine! Maybe the .js files on your web site are not the same as those created by the generator?
A: You should set the following parameter in drop menu creator:
var bselectedSmItem=0;
Q: I got the tabs menu to work!
Can you tell me which file(s) I must change to change the content of each tab
Very many thanks for your help.
A: For each tab you can set content <div> (contentName,contentDescription, contentVariations).
var bmenuItems =
[
["Style Name","contentName",,,,,"1"],
["-",,,,,,"0"],
["Style Description","contentDescription"],
["-",,,,,,"0"],
["Style Variations","contentVariations"],
["-",,,,,,"0"],
["Empty",,,,,,"2"],
];
You can find these divs in the tabs-style-glass.html file. You shouldpaste the content of your tabs in these divs.
Q: I still am unable to make content show for each menu with dhtml tab.
I can make it open a new webpage, but that isnt what I want.
What I want is when the visitor clicks a tab, then content for that tab shows, on the same page, and the tab menu still there.
A: See in Deluxe Tabs there are two modes:
1. var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the tab.
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],
2. var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.
["XP Tab 1","", "", "", "", "", "", "", "", ],
["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],
You can use Object ID as well as Link in both modes. Use the following prefixes within menu with dhtml item's link field:"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')
So, you should write for example:
["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],
