Zen Cart Menu Fly by Deluxe-Menu.com
Zen Cart Menu Fly

Menu Screenshots

Zen Cart Menu Fly Dhtml Menu Sample Code

Features

Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Cost Effective
Cool Dhtml Drop Down Menus Zen Cart Menu Fly
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed zen cart menu fly samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

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:

dm_ext_setPressedItem (1,1,1);
dm_ext_setPressedItem (1,1,2);

A: No, Deluxe Menu doesn't has a feature to highlight multiple items now.

Actually you can use the following function:
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

You can create Individual Item Style with style of selected item andusing this function assign it for the items you want to highlight

dm_ext_changeItem(0, 0, 1, ["Deluxe Menu Info", "", "", "", "ajax drop down menu hint",,"1"]);



Q: Greetings..... I am new to java script and would like to have a drop down menu that I can use with frames....
I downloaded your program and have created a small menu to try to become familiar with the program and see if I can accomplish getting a menu to display on a new page...... I am currently using Page Mill.

When I created the menus, I saved them as TstBuy and it was saved in the Deluxe-menu folder.

Having read a number of your information displays plus lacking the knowledge of what files and where to place them, I would appreciate any information you can offer as to what files to place in the main Page Mill folder if that is where they go??

As for the data I created (TstBuy), I thought that I would be able to copy and paste that file into the Page Mill page within a text box, but the paste feature was not available...

Thanks for any assistance you can offer..


A: Thanks for your interest in our products.
Deluxe Menu wasn't developed as Page Mill/Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files.

You can try to export your menu into html page using Deluxe Tunerapplication and then copy the code from the generated html page into your html page.You should click in Deluxe Tuner "File/Export/To HTML". You'll getsuch files:

deluxe-menu.files/
     image_files.gif
     dmenu.js
     dmenu4.js
     dmenu_add.js
     dmenu_dyn.js
     dmenu_key.js
     dmenu_cf.js
     dmenu_popup.js
     dmenu_ajax.js
data-deluxe-menu.js
deluxe-menu.html

There is no need to use all files from the "deluxe-menu.files/"folder.
The description of files you can find here:

http://deluxe-menu.com/description-of-files-info.html

You can delete all files which are not necessary for you.

To install the menu into your html page:

1. open the page in Page Mill/Dreamweaver/Frontpage
2. open html source code of the page (deluxe-menu.html)
3. add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html

You should also copy "deluxe-menu.files/" folder, all image files anddata-deluxe-menu.js in the same folder with your html page.

For example, you'll have such structure:

deluxe-menu.files/
     image_files.gif
     dmenu.js
     dmenu_add.js
data-deluxe-menu.js
your_html_page_from_Page_Mill.html

That's all.


Q: What window do I go to in the dhtml menu creater to add the hyperlinks target??? I created menus and submenu but I don't know how to add the hyperlinks to them?

A: You should add links and target in Deluxe Tuner in "ItemParameters" window. See the attached example.To set target for all items you should use the following parameter("Common" section):  var itemTarget="_self";



Q: Deluxe menu v. 2 (the most recent version) -- I've triedeverything but cannot get the separator images (vertical orhorizontal) to appear. My other images appear fine, and I know theimages are where I've called them. I've tried root relative anddocument relative paths, and even set the advanced image prefixvariable, but they never appear. Can you spot what's wrong?

A related question: what I'm trying to do is to simply have a 1pxseparator between my main items (vertical) and between my sub-items(horizontal). Short of building a css mode menu, is this possibleusing your script -- if I set border=1 without any spacing, then thetwo borders between adjoining items come together and I get whatappears to be a 2px border separator. Is it possible to set margin-right=1, margin-bottom=1? This doesn't seem possible through thetuner: it appears to be border on all four sides or nothing.


A: You should see the following parameters:

//------- Separators -------
  var separatorImage=""; //--- file exists in this location
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="/assets/images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];