Recent Questions Inspiration Templates Family Tree
Q: Can you explain website drop down menu creation and implement in html files?
A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.
1. Create your menu in Deluxe Tuner.
When you open Deluxe Tuner you can click "File/New" and add items and subitems
using buttons "Add Item" and "Add Subitem" on the 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
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.
You can click, for example, File/Export to HTML.
So, you'll have folder with all engine files and images
("deluxe-menu.files/" folder by default), deluxe-menu.html file and
data-deluxe-menu.js file with all menu parameters.
Open deluxe-menu.html file in any text editor and copy several rows of
code into your page (for example index.html page of your website).
Copy and paste several rows into your html page (index.html).
<head>
...
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
...
</head>
<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data-deluxe-menu.js"></script></td></tr> //data-deluxe-menu.js - data file createdin Deluxe Tuner.
</table>
...
</body>
You should also copy "deluxe-menu.files/" folder with all engine files
dmenu.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js
and data-deluxe-menu.js file into the same folder with your index.html page.
Try that.
You can see more info about installing here:
JavaScript Tree Menu
http://deluxe-menu.com/installation-info.html
Javascript/DHTML Tree
http://deluxe-tree.com/installation-info.html
Deluxe Popup Window
http://deluxepopupwindow.com/window-installation-info.html
Deluxe Tabs
http://deluxe-tabs.com/product-info/
Q: I am evaluating various menu systems and need to know if your supports key navigation, like alt-F to select a menu?
A: JavaScript Tree 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: Hello, I am trying to figure out how to use the Dynamic functionality in the java menu codes. I believe I want to use something like the dm_ext_changeItemVisibility function, and I want it to be dependent on HTML wrapped around the menu item.
Below is functionally how I want it to work:
Show menu item 1
Show menu item 2
<if condition="!is_member_of($bbuserinfo,10)">
Show menu item 3
</if>
Show menu item 4
Is there an example you can share that does something like this? I searched the site and could not find an answer.
A: Yes it's possible, please see
http://deluxe-menu.com/dynamic-functions-sample.html
Disable "Product Info/Installation" item.
and
Hide / show "Samples" item.
You can call these function via javascript depending on your conditions.
Q: Can I use my own images as the tabs in a div tab menu?
A: The Drop down menu items have the following structure:
var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];
Where iconNormal, iconOver - Icons of an item: icon in normal state, icon in mouseover state.
So you can set your menu items in a such way:
var menuItems = [
["","testlink.htm", "icon1.gif", "icon1o.gif"],
["","", "icon2.gif", "icon2o.gif"],
["|","testlink.htm", "icon3.gif", "icon3o.gif"],
["|","testlink.htm", "icon4.gif", "icon4o.gif"],
["|","testlink.htm", "icon5.gif", "icon5o.gif"],
["","testlink.htm", "icon1.gif", "icon1o.gif"],
];
