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: Thank you for the information. I have been successful in getting the drop down menu select to appear on my index.htm file.
I'm having some problems fine tuning it. I placed the code and files as indicated on the file. What I get is a menu appearing at the top of the page and a link titled: Trial Version where I want the menu to appear.
The other problem I am having is that the drop down menu select is left justified and I would like it to be centered on my page (table).
A: Check that you're using relative position for the drop down menu select. You shouldset:
var absolutePos=0;
var posX="0px";
var posY="0px";
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: When Mouse hover on Menu, menu Items showing below (showing down) the Menu. Is it possible to show the Menu Item List in up direction (above the Menu)? Please assist me in this issue.
A: See more info here:
http://deluxe-menu.com/ways-showing-submenus-sample.html
You should use the following parameter:
var smViewType = 1;