Recent Questions
Q: We're interested in the pop up menu (context menu) you offered. Is it possible to generate multiple context menus at the same page?
Is the context menu also 508 compliant, in other words, keyboard accessible?
A: Yes, you can use as many context menus as you want on the same page.
You should call your data files at first
<script type="text/javascript" src="data-deluxe-menu.js"></script>
<script type="text/javascript" src="data-deluxe-menu1.js"></script>
<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(0, 1000, event);" style="cursor: pointer;"> //1st menu
<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(1, 1000, event);" style="cursor: pointer;"> //2nd menu
You can use keyboard in context menus but you have to click (or hover) the image. And only after your subitems appear you can press "Ctrl+F2" and arrow keys to navigate themenu.
But if you have multiple menus on one page and use keystrokes support you can navigate only the first menu.
Q: How can I make top items different colors in the dhtml pop up menu?
A: You should create 6 Individual Styles and assign them to you topitems.
var itemStyles = [
["itemBackColor=#0000ff,#0000ff","showByClick=0"], //style 0
["itemBackColor=#FF00FF,#FF00FF","showByClick=0"], //style 1
["itemBackColor=#00ffff,#00ffff","showByClick=0"], //style 2
["itemBackColor=#00ff00,#00ff00","showByClick=0"], //style 3
["itemBackColor=#FFFF00,#FFFF00","showByClick=0"], //style 4
["itemBackColor=#FF0000,#FF0000","showByClick=0"], //style 5
];
["Find out Who we are","http://www.yoursite.org/", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Apply For Fellowship","http://www.yoursite.org/info.html", "", "", "", "_blank", "1", "", "", "", "", ], //style 1
["Fellows Corner","", "", "", "", "", "2", "", "", "", "", ], //style 2
["Enroll in a course","", "", "", "", "", "3", "", "", "", "", ], //style 3
["Engage in a discussion","", "", "", "", "", "4", "", "", "", "", ], //style 4
["Read The Bulletin","", "", "", "", "", "5", "", "", "", "", ], //style 5
Q: I want to be able to have all of the submenus start at the top of the menu. For example, when I hover across each of my menu items in a vertical level, I want the sublevel menu to start at the very top of the menu, not out beside the menu option. How can I achieve this
A: You can have such effect only for the first subitems.
Others subitems will have Y offset.
Please, see the attached example.
You should adjust the following parameters:
var topDX=-116;
var topDY=-31;
var DX=-148;
var DY=-32;
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", "", "", "", "", ],