Iphone Web App Horizontal Menu by Deluxe-Menu.com
Iphone Web App Horizontal Menu

Template:

iPhone 7 Template - Collapsible CSS Menu






    - Status string shows item labels
    - Transition #14 - "fade out" effect
    - Personal CSS styles for separate menu elements
    - Top items and submenus have a shadow
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Unlimited number of sub levels
    - Several menus on one page




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

Menu Screenshots

Iphone Web App Horizontal Menu Popup Position Relative

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

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your iphone web app horizontal menu menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Menu Iphone Web App Horizontal Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed iphone web app horizontal menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
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



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 am trying to figure out how to make multiple clickable Link popup windows on the same page. I want to have six or more. Here is what I have tried for having two windows and could not get to work:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!-- DeluxePopupWindow.com -->
<noscript><a href="http://deluxepopupwindow.com">Javascript Popup Window by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="chase1.files/dpopupwindow.js"></script>
<script type="text/javascript" src="chase2.files/dpopupwindow.js"></script>
<!-- (c) 2008, http://deluxepopupwindow.com -->
============================================================================ ===============

<body>
<p><script type="text/javascript" src="chase1.js"></script>
<script type="text/javascript" src="chase2.js"></script>&nbsp;</p>
============================================================================ ================

<a href="javascript:;" id="chase1">Click Here to see a chase sample</a>
<a href="javascript:;" id="chase2">Click Here</a>

This does not work. I had it somewhat working. Is there a better way to do this? I will want to have at least 6 popup windows on the same page. I could not find any samples on your website.

A: You can do it in two ways:
1) Call different data files with DIFFERENT winID:"window1"!

2) Call only one data file and use deluxePopupWindow.open() function to open your windows:
<a href="javascript:;" onclick="deluxePopupWindow.open('window1', 'Content1 Content1', 'Window1',
'width=220,height=100,resizable,scrollbars=no,middle,right,fade-effect',
'windowsvista_graphite')">Click Here to see a chase1 sample</a>

See how to create popup windows:
http://deluxepopupwindow.com/window-installation-info.html
http://deluxepopupwindow.com/samples.html

Q: How do I turn off the transitional effects for the html menus (is there a flag)?

A: To turn off transitional effects you should set the following parameters:

  var transition=-1;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;

Q: I have Deluxe-Menu v2.0.

1. When I make an Item a Seperator using '-' on main menu Items (on a menu verticale javascript) it does NOT work (leaves a blank row) but when I make an Item a Separator using '-' on a Subitem it DOES work (uses the Separatorimage). Why ?

Can I make an Item a Separator on the main menu and get it to use the Separatorimage ?

2. If I set the text value to empty on a main menu Item and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, all I get on my preview is an image placeholder with a Red X but when I set the text value to empty on a SubItem and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, the preview DOES show the image. Why ?

How can I get the image to show on the main menu verticale javascript Item ?

A: 1. You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],];Please, see the following parameters:

//--- Separators  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

2.You can send us a copy of your html page (including .js files andimages), so we can check it.



Q: I worked up some menus on my local machine and they work fine I want to push them to my server.
When I do, I don't see the menu that I saw on my local machine.
Instead, I see a hypertext link with a word that I used in one menu. What could be wrong?
Do I have to chmod the JS file? Do I have it mapped wrong. Is it because I am using a demo version?


A: Demo version of the menu has full functionality.
I can't find the call of dmenu.js file on deluxe-menu.htm and dmenu.js file in the "deluxe-menu_files" folder.
Please, upload this file on your server.

More info about the installation of the menu you can find here:

http://deluxe-menu.com/installation-info.html


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