Vertical Accordion Menu Iphone Safari by Deluxe-Menu.com
Vertical Accordion Menu Iphone Safari

Menu Screenshots

Vertical Accordion Menu Iphone Safari Cross Browser Expandable Collapsible Menu

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical accordion menu iphone safari samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Html Navigation Menu Side Vertical Accordion Menu Iphone Safari
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical accordion menu iphone safari 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!
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.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I tried to add a fixed width on some of the items that I thought had too much empty space on the right of the text but would not work. Is it possible to have a fixed amount of pixels after the text for all navigation items of the css drop-down menu?

A: You can set padding parameter in the following way:

  var itemPadding="3px 15px 3px 3px";
                            top right bottom left



Q: Is it possible to have menu items act like regular hyperlinks?
For instance in Firefox I like to "middle click" hyperlinks to open them in a new tab, or in IE right click and open in new window.
However with Deluxe-Menu this does not seem to work.


A: If you want to open your links in the new window you should set the item target parameter to "_blank", for example:

  var menuItems = [

["Home","testlink.html", , , , "_blank", , , , ],
...

You can include also any html code in the Item Text.

For example:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],


Q: I am very interested in using your deluxe menu products for mynew website design, particularly the Tree Menu.
I've been looking at the code and am a bit worried that the links used will not berecognised by Search Engine robots.
Do you have any information regarding implementation of dhtml treemenu so that the links are fully visible to search engines?


A: You can generate search engine friendly code.
Deluxe Tree is a search engine friendly menu since v2.4.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


Q: I've noticed something strange in the Deluxe Tree and I am wondering if this is normal.

Here's an example I have in my "data.js" file to populate the javascript ajax tree:

  var tmenuItems = [

["Mes alertes/My alerts","", "", "", "", "", "", "0", "", "", ],
 ["|Francais","", "", "", "", "", "", "", "", "js/AjaxTreeFr.js", ],
 ["|English","", "", "", "", "", "", "", "", "js/AjaxTreeEn.js", ],
];

Here's basically how it goes:

- Basically the "0" represents a pre-built style that I have set for the root of my tree.

- Under this are the first child of the root called "Francais" and "English" which I link with a JS file to populate (Because the users will customize the alerts they want to see).

This works perfectly fine. But it is a workaround. Let me explain what I wanted in the first place:

  var tmenuItems = [
["Mes alertes ","", "", "", "", "", "", "0", "", " js/AjaxTreeFr.js ", ],
["My alerts","", "", "", "", "", "", "", "", "js/AjaxTreeEn.js", ],
];

Basically I wanted to have 1 javascript ajax tree with 2 root items "Mes alertes" and "My alerts" but it seems impossible to attach a js file to the root of the tree view. (It doesn't get populated).

Any ideas?

A: See AJAX feature won't work for first-level in XP style now.

It works if you use:
  var tXPStyle=0;