Menu Deroulant Iphone by Deluxe-Menu.com
Menu Deroulant Iphone

Menu Screenshots

Menu Deroulant Iphone Javascript Horizontal Scroll

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your menu deroulant iphone menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Dropdown Menu Generator Menu Deroulant Iphone
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu deroulant iphone samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: I'm trying to display the submenus to the left of the vertical navigation bar.

A: Try to use the following parameter:

  var subMenuAlign = "left";

Q: I see you have a right click in expanding menu javascript, is this function available in Deluxe Menu?


A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.

However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];


Q: I'm trying out your menus, and I seem to have a problem with changing the title of a menu item. If the text is something like "Create a New Event" the entire menu spreads out and the rollover image starts replicating itself behind it, instead fo stretching with the text. So I see 1 /2 rollover images for that top level item, instead of just the one, width it's width spread out to accomodate the extra text.

I've tried the Styles bit, but that doesn't seem to fix the rollover image any...

Any pointers ?


A: You can try to set the exact width for each menu item using IndividualItem Styles.

You should use Individual Item Styles.
For example:
  var itemStyles = [
["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style0
["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style1
["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style2
["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style3
];

["Home","testlink.htm"],
["Samples","testlink.htm"],
 ["|Group 1","", , , , , "0", , , ],
 ["|Group 2","", , , , , "1", , , ],
 ["|Group 3","", , , , , "2", , , ],

...
[" More Samples","testlink.htm"],
 ["|Group 1","", , , , , "3", , , ],
 ["|Group 2","", , , , , "1", , , ],

Where "0", "1", "2", "3" - style number in itemStyles.

You also should check the width of your rollover image. It should bethe same width as your items.

You can also use
tags in the item text, for example:

  var menuItems = [
["line 1
line 2"],
];

Or you can set this parameter:

  var noWrap=0;

Try that.


Q: We've used your deluxe menu on a few sites without any issues. We are trying a new site javascript menu system now and having an issue with beforeItemImage and afterItemImage. Below is our data javascript class. The dropdown seems fine in Firefox but the before and after Images are not showing up in Internet Explorer.

We've tried a number of things and can't quite get the tabbed corners in IE. Any suggestions would be greatly appreicated, we need to get this menu live soon for a client of ours. Thank you in advance.

A: Try to specify width and height parameters:

  var beforeItemImageW="6";
  var afterItemImageW="6";
  var beforeItemImageH="19";
  var afterItemImageH="19";

We've checked your page in IE6, IE7, IE8. All images displayed correctly.