Javascript Iphone Menu by Deluxe-Menu.com
Javascript Iphone Menu

Template:






    - Submenus automatically scrolls
    - Horizontal or vertical orientation
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus go over all page objects
    - Image arrows
    - Status string shows item labels
    - Inactive/Disabled items
    - Transition #14 - "fade out" effect




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

Menu Screenshots

Javascript Iphone Menu Ejemplos De Menu Y Submenu

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

Features

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
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
Dhtml Menu Effects Javascript Iphone Menu
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!
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript iphone menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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

Recent Questions

Q: I have read your http://deluxe-tree.com/whats-new-info.html.

And really I do not understand this phrase:

- Item ID format has changed. It depends on the parent ID = [parent ID]i[item index].
Examples: for the first level dtree _0i0, dtree_0i1..., for the second level dtree_0i1i0,dtree_0i1i1, dtree_0i1i2...

Where do I fill in?

Do I have to rename my cascading menu titles?

A: Actually you shouldn't change anything.
This info is for the customers who use these indexes (dtree_0i1i2) only.

Q: There's no explanation of what to do after creating a dhtml menu example or where to paste the code, which files to upload..

A: 1. Create your menu in Deluxe Tuner.

When you open Deluxe Tuner you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" on
the main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site

http://deluxe-tree.com/parameters-info.html
http://deluxe-tree.com/menu-items-info.html

You can also use Individual Styles for items and subitems

http://deluxe-tree.com/individual-item-styles-info.html
http://deluxe-tree.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).
Save your data file.
Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var WorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
...
</head>

<body>
...
<table>
&tr><td>%lt;script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr> //data.js - data file created in Deluxe Tuner.
</tablegt;
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js

into "deluxe-menu.files/" folder. You should place this folder in the
same folder with your index.html page.

Try that.



Q: I try to fix the height of the submenu "Zone Climatiques" to 400px but I didn't find the way to do this. It worked by setting   var smHeight=400px but that setting set all submenus. I would like set only the height of "Zone climatiques" submenu.
  Thanks for your help.


A: You should create Individual Style

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
["smHeight=400px"],
];

and assign it to the first item in submenu
["3101 - Ste-Anne-Des-Monts","ProcessClimaticZone/edit.do?id=3101,2003-11-13", , , , , ,"1","stationSubMenu.htm?climaticZoneId=3101,2003-11-13",],


Q: Have a question regarding your Deluxe-Tabs product.

Is it possible to set dhtml navigation menu up so clicking a tab runs a function in my page?


A: You can use your own javascript functions and html code in the menu items.

Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:

  var bmenuitems = [
["<div onMouseover='your_code_here'>item text</div>", "content1"]
];


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