Recent Questions
Q: Am I under the correct assumption that if the inner menu item text expands past the ItemWidth or MenuWidth (being that the Width is set -- eg 150px), that the javascript menu div width will expand past it's boundaries instead of wrapping the text? (eg. A text like "Please Make this Wrap instead of expand the width boundary" seems to expand the container's width rather than wrap)
A: There are 2 ways to do that:
1. set
var noWrap=0;
2. use <br> tags, for example:
var menuItems = [
["line 1<br>line 2"],
];
Q: I am trying to figure out how to specify the css for the top css dropdown menu.
I saw this in some of the example code, but there was nothing similar in Deluxe Tuner
var itemStyles = [
["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver" ],
];
var menuStyles = [
["CSS=topMenu"],
];
I tried adding the above to my js code, but it didn't work. I can get it to work in non-css through Deluxe Tuner.
I am trying to draw a white border around the blue css dropdown menu
.topMenu
{
background-color:Blue;
border-width: 1px;
border-style: solid;
border-color: White;
}
/* Style for submenus */
.submenu
{
}
/* Style for top items: normal state */
.topItemNormal
{
background-color:Blue;
color:White;
text-decoration: none;
text-transform:none;
font-weight:normal;
FONT-SIZE: 11pt;
FONT-FAMILY: Verdana, Arial;
width:100%;
padding:2px 4px;
}
A: var itemStyles = [
["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver"],
];
var menuStyles = [
["CSS=topMenu"],
];
The following code is Individual Styles. You can edit them in DeluxeTuner.
Open your data file, click "Edit Individual Styles..." button on themain window. And create individual item style and individual submenustyle. Then you should assign these styles to your items.
See more info about Individual Styles here:
http://deluxe-menu.com/individual-styles-sample.html
Q: Your floatable menu only works for deluxe menu and not cool tab menu.
Is this feature available or no? I put floatable menu = 1 and it does not do anything.
A: Floatable feature in cool tab menu works only with absolute position:
var babsolute=1;
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