Drag Menu Jquery Iphone by Deluxe-Menu.com
Drag Menu Jquery Iphone

Template:

iPhone 18 Template - Dropdown Submenu






    - Sound support!
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Unlimited number of sub levels
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Status string shows item labels
    - 85% transparency for sub menus
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Drag Menu Jquery Iphone Explorer Style Menu In Javascript

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
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
Javascript Menu Creator Vertical Expandable Drag Menu Jquery Iphone
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed drag menu jquery iphone samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your drag menu jquery iphone menus easily and in no time
  • Sensible menu parameters for manual editing
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
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I now wish to dynamically change the drop down menu in html parameters. For this, I have set the following parameters:

// Dynamic Menu
  var dynamic=1;

1.Please send me the reference link for the dynamic menu commands available (for javascript).

2.Now AFTER initialization, dm_init();, I wish to change the default   var itemTarget="Sub_Main";

How do I do that??

A: You can find more info about API functions here:
http://deluxe-menu.com/functions-info.html

Unfortunately it is not possible to change drop down menu in html parameters (  var ...)after menu initialization.
So, there is no way to change
  var itemTarget="Sub_Main";

But you can change target for each item individually (targetparameter in menuItems) using dm_ext_changeItem function.

  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];



Q: I am a registered user, and I really like your menu system.

With my old menu system the user could right click on a menu item and the browser would display an option to open the page in a "New Tab".

Is there any way in the javascript menu html to allow the user to choose to open a link in a new tab?.

My users are restricted to using IE.

A: You can try to write the following code for your items:

["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}

Try that.



Q: How does one go about changing the parameter or the JavaScript so
that a menu selection stays 'on' for the navigation bar script?
In other words, the menu remains selected, perhaps in a background color
that shows the user this menu choice is selected and the user is in the selected menu area.

A: To save your navigation path you should set the following parameter:

  var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

  var pressedItem = -2;
The toggle mode. 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-level menu.
- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=2;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html

Q: For some strange reason the border that outlines the java script tab area is missing.


A: You cannot set this border using Deluxe Tabs parameters.

You should set it in the DIVs style.

<div id="ExpenseInformation" style="visibility: visible; width: '800px'; border: 1 solid;" class="tabPage">

Or in the "tabPage" style.


Buy Now!   ::  Free Trial Download   ::  More Info