Recent Questions
Q: I want javascript navigation menu to lock into place when someone visits a page. Is there a way to do this?
A: Try to set the pressed item using the following API function:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)
Sets a current pressed item.
menuInd - index of a dynamic menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
parentOpen = true/false - open all submenus to show the selected item
See example here:
http://deluxe-menu.com/highlighted-items-sample.html
Try to click 'Highlight "Product Info/Installation/Description ofFiles" item'.
You can also try to use the following parameter:
var smHidePause = 1000;
A delay (in ms) between mouse is moved from submenu and its closing.
You can make submenus to stay visible till you click outside the menu or scroll your page.
To enable this feature you should set this parameter in the following way: var smHidePause = -1;
Q: I am rewriting my homepage in CSS but now I have another problem with the DeLuxe menu.
The javascript top menu is well positioned on the page but the submenus are not.
The submenus are not positioned aside the javascript top menu but lower and far to much to the right.
I changed the variables
var posX = 100;
var posY = 100;
var absolutePos = 1;
var topDX = 0;
var topDY = 0;
var DX = -3;
var DY = 0;
var subMenuAlign = "left";
var subMenuVAlign = "top";
Sometimes when I change the variables the submenus are well positioned and then, after enlarging the IE-window, they are not.
What can I do?
A: It is possible that you have some problems with your css styles.
See, the problem is that the javascript top menu can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.
Please, try to add your
css file -> inline css, for example:
You should add style="POSITION: absolute;"
to the
<div id="block">
Q: Can I make dhtml menu sample so a user can open a link on a Deluxe-Menu in a new browser tab instead of a new window using IE?
I really like your menu system.
A: You can try to write the following code for your items:
["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "", "", "", "", ],
And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}
Q: I recently purchased your Deluxe-Tabs product and I am trying to create tabs that occupy 100% width with each tab being equal width.
Right now when I specify 100% menu width all of the tabs are difference sizes (widths).
How do I control the individual tab width?
A: You should use Individual Item styles to achieve this effect.
See the attached example.
You should set:
var bmenuWidth="100%";
I have 5 items in my example, so I've created Individual Style
var bstyles = [
["bitemWidth=20%"],
];
And assign it for all items:
["Item 1 aaaaa ssssss","", "", "", "", "", "0", "", "", ],
["Item 2 ffff jjjjjjjjjj","", "", "", "", "", "0", "", "", ],
["Item 3 text text","", "", "", "", "", "0", "", "", ],
["Item 4 text text","", "", "", "", "", "0", "", "", ],
["Item 5 text text","", "", "", "", "", "0", "", "", ],
But notice that items width cannot be smaller than the width of its'text. So it is possible that you'll have different size of some itemsif your window have a small size.