Recent Questions
Q: I would prefer to have a sort of documentation or tutorial video but asI have seen on you website there is not. I have also to mix the javascriptcode with php.
Could you please help me, software look fine but we don't have time totest the code, tutorial will be appricieted.
A: Unfortunately, we don't have tutorial yet, we'll try to create it inthe nearest future.
To create the pop up menu you should to do the following steps:
1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.
Please, try to download trial package once again. We added alltemplates in Deluxe Tuner Templates window.
Unfortunately, Deluxe Tuner doesn't copy all need images forVista Template into your folder. You should do it manually.
After you create your menu in Deluxe Tuner you should copy all images youneed for the menu into your folder and correct images paths.
You should set the following parameter
var pathPrefix_img="";
2. You should add the following parameter for the pop up menu:
var popupMode=1;
You should do it manually. Please, open your data file in any texteditor and add such parameter.
3. 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>
...
<img src="deluxe-menu.files/logo_w.gif" onClick="return dm_popup(0, 1000, event);">
...
</body>
Where return dm_popup(menuInd, pause, event, x, y)
menuInd - index of the menu on a page, >= 0.
pause - determines the time when the menu will be hidden.
event - constant. Do not change.
x, y - optional. Set these parameters if you want the menu to appear in the specified place. In other case the menu will be shown in the mouse position.
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: Is it possible to have your menu mouseover call one of my functions?
I need to change some text on the screen based on which menu itemis highlighted.
A: Each menu items can include any html code.
So, you can include your own objects with onmouseover event, forexample:
var menuItems = [
["<div onmouseover='yourFunc()'>item text</div>"]
];
Where yourFunc() is Javascript function.
Q: I really like floatable tree menus and want to add in this website.
I am not professional website developer … I’ve installed your trial software …
but not able to add tree menus in my website.
Can you pls guide me how I can add dhtml vertical menus in left side bar of website?
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 application.
You can create any menu you like in Deluxe Tuner.
You can use ready to use templates. You can find them in the templateswindow.
When you open Deluxe Tuner ( Deluxe Tree ) 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://www.deluxe-tree.com/parameters-info.html
You can also use Individual Styles for items and subitems.
2. You should install the tree menu on your page.
You can click, for example, File/Export to HTML.
Add several rows into your html page.
<head>
...
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript"> var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
<!-- (c) 2006 - 2007, http://deluxe-tree.com -->
...
</head>
<body>
...
<table>
<tr><td><script type="text/javascript" src="menudir/data-tree.js"></script> </td></tr> //data-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>
You should also copy all engine files
dtree.js - menu engine file
dtree_add.js - additional module for floatable/movable menus
dtree_dyn.js - additional module with Javascript API to change the menu "on-the-fly"
dtree_ajax.js - additional module with the AJAX-like support
into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index.html page.
Try that.Q: I've been trying to get the menu item in dynamic tree menu to stay highlighted when clicked on and directed to that page.
A: Tree Menu doesn't save a presseditem as it saves a tree state.
It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:
function apyt_ext_setPressedItem(menuInd, itemID)
<script type="text/javascript">
var i = 4 //index of the selected item
onload=setPressed;
function setPressed()
{
dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));
}
To expand specific items you should use the following function:
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 11), 1);