Recent Questions
Q: Can your dhtml popup menu work in conjunction with a scroll wheel?
A: You cannot scroll submenus using scroll wheel when you set
var smSmartScroll=1;
To scroll your submenu you should move your mouse.
But you can use scroll wheel when you set
var smSmartScroll=0;
Q: I need to be able to highlight the selected menu item of the sliding drop down menu.
A: Deluxe Menu has only two states normal and mouseover.
Try to do the following things:
- delete var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:
<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=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>
You can also set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
Q: I'd really appreciate any info on how I can create dhtml menu on Mac..
A: Unfortunately we don't have step by step tutorial now.
We'll try tocreate it in the nearest time.
HTML version of Deluxe Tuner (MAC version) can be downloaded
http://deluxe-menu.com/deluxe-tuner-info.html
1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.
You can use ready to use templates. I'm sending you package with all
templates. Just open data file in Deluxe Tuner.
Add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.
More info about menu parameters you can find on our site
(you can alsouse local version of the site which you can find in the
trial package"Deluxe Menu / deluxe-menu.com /")
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html
You can also use Individual Styles for items and subitems:
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html
2. You should install the menu on your page.
Add several rows into your html page.
<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
//data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>
<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>
You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder.
You should place this folder in thesame folder with your index. html page.Try that.Q: If is there any way I can give some space between pressed_item and hover item for the rollover menus
A: You can try to specify spacing parameter:
var itemSpacing=1;
You can also try to use separators.
You should add separator between menu items:
["item","#", "", "", "", "", "", "", "", "", "", ],
["-",],
["item","#", "", "", "", "", "", "", "", "", "", ],
Use "Add Separator button in Deluxe Tuner.
Set separator parameters in the following way:
//--- Separators
var separatorImage="";
var separatorWidth="100%";
var separatorHeight="2px";
var separatorAlignment="left";
var separatorVImage="data.files/separator.jpg";
var separatorVWidth="2px";
var separatorVHeight="100%";
var separatorPadding="0px";