- Transition #14 - "fade out" effect - Search feature - add the search area in the menu and type symbols. - Sound support! - Inactive/Disabled items - Text aligned to left - Special JavaScript API for changing javascript menu "on-the-fly" - Status string shows item labels - Cross-frame support - menus work on frameset-based pages
Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance. Don't let your web site guests to get lost. Try Deluxe Menu!
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’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):
var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];
var afterItemImageW=8;
var afterItemImageH=7;
As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?
A: You should create Individual style and assign it for the top access drop down menu items:
var itemStyles = [ ["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"], ];
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.
Try that.
Q: I currently have the menus set to show the selected item in white and the non-selected items in blue.
However, I can only choose one item in each menu.
Is there any way to choose multiple items from a single ajax drop down menu and have all of selected items show white? If so, what option do I need to enable for the ajax drop down menu?
Programmatically, I think it would be similar to something to:
Jul 21, 2008 ... Expand/collapse menu breaks with component menu 2 Years, 2 Months ago .... Our site is valid CSS · Our site is valid XHTML 1.0 Transitional
When full text is shown, the menu is drop-down. ... work better in the CSS so at least the left edges of all text items lined up, ... Having each group collapsible and having them all 'closed' to begin with caused a
Cascading Style Sheet (CSS) is an important tool to use in order to benefit .... If I define from the Seagull Admin Menu, that menus will not be ... but If I set the option to Collapsible the submenus don't appear when
Need a good and light collapsible menu in Java Flash or DHTML. Any hints?? ... collapsible Menu. deepakshah; Newbie; Newbie; No Avatar; Joined: Jun 21, 2005
Nov 27, 2007 ... I want to put all my links into a expandable/collapsible menu. I'm looking for an elegant fast loading solution, and preferably one that
The menu system in vB4 has the distinct advantage over that of vB3 that it does not require Javascript to function. On browsers with only CSS available the
This is largely used to compose menus with submenus. ... collapsible: boolean. Defines whether all the sections can be closed at once. ... native to the jQuery UI CSS Framework manipulated by the jQuery UI ThemeRoller
Nov 25, 2009 ... I'm using a template, but I want the collapsible archive menu that ... <li class ='archivedate expanded'> <a class='toggle' href='...'>
Free Accordion Menu R2 Code Modification and Addon Releases. ... Collapsible is inactive if your event is equal to 'mouseover'. .... <meta http-equiv="Content- Style-Type" content="text/css" /> <link rel="shortcut icon"
After I click on one of the expanded menu items and get redirected to ... Question - how to create collapsible menu item in custom block which will .... Theme templates and Smarty help, -- Theme stylesheets (CSS) help
Collapsible menu for product options. Login or register to post comments ... and don't have any programming backgrounds, just know some html and css Smiling ... In almost all of the items in menu have options, such as size,