Recent Questions
Q: I'm a registered user. I'm looking to make a space between dhtml cross browser menu buttons, I checked the FAQ which suggested using ["-"], between items but it didn't work. It deleted the dhtml cross browser menu items below it. I'm looking to put a space between
["||All Images","gallery_all.html", , , , "_self", , , , ],
and
["||Pricing & Ordering Info","gallery_pricing.html", , , , "_self", , , , ],
A: To add a separator you should
//--- Separators
var separatorImage=""; //for subitems (top items in vertical menu)
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="separator.gif"; //for the top items (subitems items in vertical dhtml cross browser menu)
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
You can create separators using menuItems (you can do it in Deluxe
Tuner, use "Add separator" button), for example:
["||All Images","gallery_all.html", , , , "_self", , , , ],
["||-"],
["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],
Q: How does one go about changing the parameter or the JavaScript so
that a menu selection stays 'on' for the navigation bar script?
In other words, the menu remains selected, perhaps in a background color
that shows the user this menu choice is selected and the user is in the selected menu area.
A: To save your navigation path you should set the following parameter:
var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).
You can highlight menu items by default in two ways:
1) Set the pressed item on each page idividually using the following parameter:
var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-level menu.
- delete var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:
<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=2;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>
2) Set the pressed item/subitem using dm_ext_setPressedItem () function.
Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html
Q: I would like to add a javascript link but cannot seem to get it handle the event as a tag or onclick event. I just want to grab the current page, insert it into a string, and go off to the page it specifies. Can this be done?
A: You're able to use Javascript for each item, for example:
var menuitems = [
["item text", "javascript:your_code_here"]
];
Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];
Q: Is there a way to center floatable menus horizontally on a page?
I used to use absolutePos=0, and all of my menus were centered ok, but when I tried floatable=1 I found that I had to change toabsolutePos=1 to get the menu to float, and this messed up my centering. Since I have multiple menus of different widths, I'd rather not have to hard-code the menu width, but please let me know if there's a better way.
A: Notice, when you use floatable menu you can't use relative menu position.
So, if you use
var absolutePos = 0;
and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.