Recent Questions
Q: When I check my website for accessibility it shows NoAlt on the dhtml drop down menu!.
Where do I add an alt tag in the data file?
A: You should use the fifth parameter in menuItems
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
For example:
["Home","index.htm", "", "", "Home", "", "", "", "", ],
["|Dr. Copeland's Bio","bio.htm", "", "", "Dr. Copeland's Bio", "", "", "", "", ],
["|Destiny History","history.htm", "", "", "Destiny History", "", "", "", "", ],
["|Contact Destiny","contact.htm", "", "", "Contact Destiny", "", "", "", "", ],
["|Dr. Copeland's Itinerary","itinerary.htm", "", "", "Dr. Copeland's Itinerary", "", "", "", "", ],
Q: Is there a way to have multiple drop down menus on the same web page? What I mean by that is I have a banner with drop downs (horizontal on page) that I want to use possibly with an include statement and when you click on one of the links from the drop down it would take you to a page that is say a department for example. But on this "department page" it would have another list of drop down menues in a different location in a vertical list. This gets tricky with a second set of script running to define the banner and a second set of drop down menues running vertical in a different location.
A: You can use as many different drop down menus on your site or your page as you want.
See more info about installation of several menus on the single pagehere:
http://deluxe-menu.com/installation-info.html
Q: I need to be able to highlight the selected menu item of the sliding drop down menu.
A: Deluxe Menu has only two states normal and mouseover.
Try to do the following things:
- delete var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:
<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>
<script type="text/javascript"> var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>
You can also set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
Q: I'm using the trial version of your product and have a question for you before purchasing:
How do I show different content when selecting the different dhtml layer menu tabs?
For example, when I use the Windows Forms tab control in VB .NET, there's more to the tab control than just the dhtml layer menu tabs themselves...there's also the "body" of each individual tab that changes when I select different tabs.
Does your product do the same?
A: You should specify any Object ID name of the DIV.
See, for each item you should assign the ID property of the contentDIV (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">
<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 content 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>