Collapsable Menus For Iphone Web Development by Deluxe-Menu.com
Collapsable Menus For Iphone Web Development

Menu Screenshots

Collapsable Menus For Iphone Web Development Downloadable Javascript Drop Down Menu

Features

Cost Effective
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
Dynamic Dropdown Menus Javascript Collapsable Menus For Iphone Web Development
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsable menus for iphone web development menus easily and in no time
  • Sensible menu parameters for manual editing



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: We are a registered user of deluxe menu.
We are using your Deluxe-Menu.
We have one problem we have implemented menu in our html page.
It works very well in IE but there is a problem in firefox.
It display gap between two menu.



A: 1) You can move search engine friendly code inside the NOSCRIPT tag:
<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<noscript><a href=http://deluxe-menu.com/>Javascript Menu by Deluxe-Menu.com</a>
<div class="dmlinks" style="font:normal 11px Verdana;color:#000000;text-decoration:none">
<a href="default.html">Home</a>
<a href="products.html">Products</a>

...
<a href="channel_partners.html">Partners</a>
<a href="feedback.html">Feedback</a>

<a href="http://blogs.innowera.biz">Blogs</a>
</div>
<!-- End of Code for Deluxe Menu Items -->
</noscript>

You won't see links when your page loads in that case.

2) You should specify the following parameter:
  var itemSpacing="0";


Q: Please go to my website. I'm trying to getthe dhtml popup menu aligned to the right. I thought I could trick it by telling the CSS to alight the text to the right but that didn't work. Can you make a suggestion on how I can do this?

A: Try to install your tabs into the table with right alignment, for example:

<table width='100%'>
<tr>
<td align="right">
<script type="text/javascript" src="test_files/tdata.js"></script>
</td>
</tr>
</table>


Q: The asp drop down menu should indicate with on which page I me just considers
(with anothercolour of the font of the active Link from the navigation, or an underline, bolder font, ...).

A: Deluxe Menu has only two states normal and mouseover, but
you can highlight menu items in two ways:

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<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=3;</script>

...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html




Q: I have just 2 more questions.

1. Can the 3rd level be configured to be a javascript vertical menu?

2. Can your menu be configured per the following spec? Once you click on a 3rd level option that level would disappear & the 1st & 2nd level would be breadcrumbed (stay visible to show you where you are).

A: 1) Yes you can do it. Use smOrientation parameter in IndividualSubmenu Styles:

  var menuStyles = [
["smOrientation=0"], //id=0
];

Assign it to the first item in third submenu:
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
   ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", "", "", ],

2) No, it is not possible now. Your 3rd level submenu will be visible too.