Recent Questions
Q: I try to use the javascript menu popups to show an image; then when the mouse is over the image I dynamically generate a panel of http links. It works perfectly, but the problem is that I would like to do the same with several images (for instance 2) and different links : I'm not able to do that, whether I change the value of menuItems var or not, I display the same link values on both images (it seems menuItems is a global var and can be set only once).
Have you heard about this problem and could you give me a solution (this is a bit urgent, I have sold this solution to my customers) ?
A: See how you should call dm_popup() functions:
<img src="../../../../fileadmin/img/flag_de.gif" width="50" onMouseOver="return dm_popup(0, 2000, event);" style="cursor: pointer;">
// 0 - is ID of the first menu
....
<img src="../../../../fileadmin/img/flag_fr.gif" width="50" onMouseOver="return dm_popup(1, 2000, event);" style="cursor: pointer;">
// 1 - is ID of the second menu
// 2 - is ID of the third menu
... and so on.
Q: I am evaluating various menu systems and need to know if your supports key navigation, like alt-F to select a menu?
A: Deluxe Menu has keystrokes support.
Use the following parameter to enable keystrokes support:
var keystrokes = 1;
0 - disabled (default), 1 - enabled.
Ctrl+F2 - enter the menu/switch to next menu on the page.
Arrow keys - navigate.
Enter - enter the menu.
Esc - exit the menu.
Use also the following parameters:
var dm_focus = 1; Show focus selection for selected item.
var dm_actKey = 113; Key code for keystrokes activation.
Works with Ctrl key only.
Default value is 113 = F2 key, 114 = F3 key, 115 = F4 key, etc.
Please, try the trial version, http://deluxe-menu.com
Q: I’m trying to setup a simple DHTML MENU (TREE MENU). It works just fine. I just have an issue that I can’t solve.
The parameter “ var tmenuHeight = "0"; Your documentation says the following
-----------
Height of the menu in (px, % or other units).
If the value 0 - the menu sets its height automatically.
If the value is small - scrollbars appear.
In IE it looks fine but I cannot see the menu in Firefox. When I set the parameter to for example 100 then it shows up both in IE and Firefox. But I cannot set a value in pixels. I don’t know how big the menu is because it’s dynamically built. According to your doc I can specify the value in percentage but this doesn’t work. When I set the value to “100%” it doesn’t show up in Firefox again.
How can I solve this issue?
A: Try to set this parameter in the following way:
var tmenuHeight = "auto";
Q: If I wanted to change the graphics at a later date in tab menu javascript (main top tabs, subtabs, etc.), how would I do that?
A: In that case you should open images I'm using for top tabs in any graph editor and changethem.
back.gif
back_o.gif //back images for normal and hover states for the last tabs in the top menu(instead of the 1-st 6 items)
sep_top.gif // separator for the top items
top1.gif
top1_o.gif //back images for normal and hover states for the 1-st tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "", "", "5", "4", "", "", "", ],
By the way to apply hint for this item you should write:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "This hint appears when you hover over the 1-st item", "", "5", "4", "", "", "", ],
top2.gif
top2_o.gif //back images for normal and hover states for the 2-nd tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>PAIN</font><br>Identified<br>(Problems)","", "", "", "", "", "6", "", "", "", "", ],
and so on...
For the subtabs I'm use images for arrows only:
var arrowWidthSub=8;
var arrowHeightSub=8;
var arrowImageSub=["deluxe-menu.files/arrow.gif","deluxe-menu.files/arrow_o.gif"]