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

Template:

iPhone 3 Template - Cross Browser Dhtml Menu






    - Transition #14 - "fade out" effect
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Top items and submenus have a shadow
    - Several menus on one page
    - UL/LI items structure
    - Items with icons
    - Horizontal or vertical orientation
    - Unlimited number of sub levels




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

Menu Screenshots

Javascript Iphone Drop Down Menu Html Drop Down Menu Tutorial

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
Cost Effective
Position Dhtml Menu Javascript Iphone Drop Down Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript iphone drop down menu 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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript iphone drop down 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.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding 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: What i am doing is a horizontal menu with submenus opening down vertically. The main menu and sub menu has a background image. These are rather large for a menu and when the sub menu expands i want it to stay below the main menu and not go upwards to cover the main menu when the browser window is too small.


A: Yes, they will stay forcibly below the main menu.

You can use Smart Scrollable Feature. In that case sub menus won't cover
the main menu items. You can see an example here
http://deluxe-menu.com/scrollable-submenus-sample.html

You may specify the exact height for submenus, for example:

  var smHeight="500px";

Use the following parameters to set the direction for submenus:
  var subMenuAlign="left";
  var subMenuVAlign="top";
For more info see:
http://deluxe-menu.com/ways-showing-submenus-sample.html

Q: When running DeluxeMenu with IE or Firefox, the background (appearance and items) is transparent.
It is not smart because it affects the reading of the menu's.
My question is: how can I fix this problem for IE and Firefox ?
If you look at it with Opera (version 9.00) one does not have the problem.


A: You should set this parameter:

  var transparency="100";


Q: I've looked through the FAQ's till my eyes burned... I know how to collapse/expand all on page load, but can't find an answer to this specific question

I am using tsaveState=1 and tcloseExpanded=1 and that works great when navigating the javascript vertical tree menu. But I'd like to be able to tell the javascript vertical tree menu to collapse all the way on the initial page load, without resetting those first two variables.

for instance;

a user logs on, goes to the order page, uses the menu to navigate and place an order. After the order is processed through a php verification page, the user is directed back to the order page via the php header() function, with the menu still intact, and the values of the order updated.

But once the user navigates away from the order page, and then returns to complete another order, I'd like the menu items to all be collapsed.

If that's not an inherent design of your menu program, is there a variable that I can pass with the initial load that will cause a full collapse?

A: No, unfortunately there is no such parameter in Deluxe Tree.

But you can try to delete
  var tsaveState=1;
parameter from your data file and add it on your html page directly.

So, on your initial page you can set:
  var tsaveState=0;

and on other pages you should set:
  var tsaveState=1;

Q: I need to know if all these products are search engine friendly?
If the content within the javascript menu is easily spidered and indexed.?


A: Deluxe Menu is a search engine friendly menu since v1.12.

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).


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