- Unlimited number of sub levels - Cross-frame support - menus work on frameset-based pages - UL/LI items structure - Text aligned to left - Inactive/Disabled items - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time. - Sound support! - Image arrows
Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
Ability to handle the menu from the keyboard via keystrokes.
Q: If you use firefox this displays fine, in IE it seems to add cell padding around the bottom & right edge of the dhtml image menu. Cant see it in the code anywhere.
A: Set the following parameter:
var shadowTop=0;
Q: At the first time arrow images are loaded successfully in the menu, That time I click the menu and open a new page in crossframe. After that I try to open new page from Main Menu, the arrow images are not displayed in the Sub-menus.
A: Thanks for your interest in our products.
You can use additional parameters to make menu paths absolute:
var pathPrefix_img = "http://domain.com/images/"; var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute. For example:
var pathPrefix_img = "http://domain.com/images/"; var pathPrefix_link = "http://domain.com/pages/";
var menuItems = [ ["text", "index.html", "icon1.gif", "icon2.gif"], ];
So, link path will be look so: http://domain.com/pages/index.html
Images paths will be look so: http://domain.com/images/icon1.gif http://domain.com/images/icon2.gif
Please, try to use these parameters.
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
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(
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: I am using Javascript Menu. Deluxe Menu. v1.12 How can I upgrade to v.2.0?
A:How to upgrade to v2.00 --------------------------------------------------------------- You can download the licensed engine .js files from the same link in your license message.Deluxe Menu v2.00 has new parameters and features. To upgrade to v2.00 you should do the following.
Step 1. 1.1 For Windows users a. Run Deluxe Tuner v2.0 (can be found in the trial menu package v2.0 http://deluxe-menu.com/deluxe-menu.zip). b. Open menu data file (.js file where menu parameters are placed): select File/OpenЕ c. Save the file: select File/Save, then click "No" button when the dialog box appears.
1.2 For other OS users a. Open menu data file (.js file where menu parameters are placed) in a text editor. b. Make sure that the following variables exist in the data file:
var keystrokes = 0; var dm_focus = 1; var dm_actKey = 113;
var dynamic = 0; var smHideOnClick = 1; var itemAlignTop = 'left'; var smSmartScroll = 1;
var dmAJAX = 0; var dmAJAXCount = 30; var dmRTL = 0; var dmObjectsCheck = 0; var menuBackRepeat = "repeat"; var menuHeight = ""; var transDuration2 = 200;
If one of the variables doesn't exist - add it at the beginning of the file.
c. Save the file.
Step 2. Now open HTML-page that contains Deluxe Menu.
Step 3. Replace existent tags of the menu by the following code:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
Step 4. Save HTML-page.
Step 5. New engine v2.00 has 7 .js files. They are: - dmenu.js - dmenu4.js - dmenu_add.js - dmenu_dyn.js - dmenu_key.js - dmenu_cf.js (new v2.00) - dmenu_popup.js (new v2.00)
Replace all old .js files by the files from v2.00.
2009年2月17日 ... The S5 No-MooMenu Drop Down Menuis completely powered by S5 Effects so ... Just mouse over the top menu in the demo and you will notice the
fais attention, le moomenu de poudro en demo s'appuie sur Mootools 1.2. .... addEvent('mouseover',function() {$('reaction').set('text', 'La souris le ... charset=utf-8" /> <title>Un title</title> <link rel="stylesheet"
19 ago 2010 ... la riga 83 > color: #CCCCCC; è il colore del testo mouse over ... Ciao efrite15, ti posto anche un link ad una guida presente nel wiki di .... Ora sto sistemando l'impaginazione superiore... per i menu uso il Moo Menu ;)
fais attention, le moomenu de poudro en demo s'appuie sur Mootools 1.2. .... addEvent('mouseover',function() {$('reaction').set('text', 'La souris le ... charset=utf-8" /> <title>Un title</title> <link rel="stylesheet"
Das verweist auf dein Stammverzeichnis (/tl_files/moomenu.js). ... Gibt ja kein Mouseover ;). Für spezielle Modulwünsche oder Programmierungen als Auftrag könnt Ihr ... Bitte aktualisieren Sie Ihre Links und Lesezeichen