Recent Questions
Q: The pop-up windows are loading as the page loads, as well as when you click the appropriate object.
How can we prevent the pre-loading of html popups so that they only load onclick?
A: In that case you shouldn't set openAfter and closeAfter parameters.
So, you'll have:
deluxePopupWindow.attachToEvent(win,',,,,,')
or
deluxePopupWindow.attachToEvent(win,'openAfter=,closeAfter=,,,,')
See the following example:
http://deluxepopupwindow.com/html-popup-dialog-vista-graphite.htmlQ: When i stay on one page so must have the menue-point of the html menu for this page another color or font. How can i make this?
A: You should set pressed item.
Please, check the following parameter
var pressedItem=-2;
This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.
You can 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.
You can also set the correct
var pressedItem=1;
parameter on each html page.
Q: I will build menu for several books’ Contents, each book is more than 100 lines and has links. I think if all the books’ contents in 1 *.JS file then it is TOO LOONG!!.
Can I break it down to 1 book for 1*.JS ? How?
A: You cannot divide your menuItems parameter.
You can only use one .js file for your menu parameters and the other.js file for your menuItems = [...];
But you can do it in two ways.
1) You can try to use several menus on the one page, for example:
param.js // file with menu parameters (all parameters before menuItems = [...];)
menu1.js // menuItems for "AC-DC", "ANLOG"
menu2.js // menuItems for "DIGITAL", "WinXP"
menu3.js // menuItems for "MS-Word", "MS-Excel"
In these menu files you should write
menuItems = [
...
];
dm_init();
Then you should install your menu in the following way
<script type="text/javascript" src="param.js"></script>
<table>
...
<script type="text/javascript" src="menu1.js"></script>
...
<script type="text/javascript" src="menu2.js"></script>
...
<script type="text/javascript" src="menu3.js"></script>
But it will be easier to use vertical menu in such case
var isHorizontal=0;
var smColumns=1;
2) You can also try to add some code, see the attached example.
In the first file (@MY books (Multiple Col.js) I write menuItems for the first item "AC-DC".
Notice that you should delete comma at the end of the last item
var menuItems = [
["AC-DC","", , , , , , , , ],
["|@Book1","testlink.htm", , , , , , , , ],
...
["|@Book3","", , , , , , , , ],
["||CH02","", , , , , , , , ],
["||CH01","", , , , , , , , ] // delete comma at the end of the last item
];
In the second file (@MY books (1.js) you should write
menuItems = menuItems.concat(
[
["ANLOG","", , , , , , , , ],
["|@Book1","", , , , , , , , ],
["|@Book2","", , , , , , , , ],
["|@Book3","", , , , , , , , ] // delete comma at the end of the last item
]
);
In the third file (@MY books (2.js) you should write
menuItems = menuItems.concat(
[
["DIGITAL","", , , , , , , , ],
["|Item 1332","", , , , , , , , ],
["WinXP","", , , , , , , , ],
["|Item 1333","", , , , , , , , ],
["MS-Word","", , , , , , , , ],
["|Item 1334","", , , , , , , , ],
["MS-Excel","", , , , , , , , ],
["|Item 1335","", , , , , , , , ] // delete comma at the end of the last item
]
);
dm_init();
Notice that you should write dm_init(); function in the last file.
In the .html file you should write
...
<tr>
<script type="text/javascript" src="@MY books (Multiple Col.js"></script>
<script type="text/javascript" src="@MY books (1.js"></script>
<script type="text/javascript" src="@MY books (2.js"></script>
</tr>
I hope you understand me.
Q: Do you have any tutorials on how to use dropdown menu maker?
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>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var WorkPath="deluxe-menu.files/";</script>
<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 filecreated inDeluxe 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.
