Vertical Expandable Menu Items For Ipad by Deluxe-Menu.com
Vertical Expandable Menu Items For Ipad

Menu Screenshots

Vertical Expandable Menu Items For Ipad Javascript Rollover Drop Menu

Features

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
Mouseover Menus Vertical Expandable Menu Items For Ipad
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
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

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: Is there a way we can add javascript behaviors to the popup menu in java actions? For example, is there a way we can add an onClick function to a popup menu in java item (eg, onClick="return MyFunction( )" ) so that we can catch and process key events?

I'm really hoping there's a way of doing this...

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

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];

You can use your own Javascript code instead standard links. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];



Q: The menu doesn't show the drop down sub items. If you would look at the script there are two sublinks for Accommodation which however is not visible when we are doing a mouseover. I have attached the revised data.js file with this mail. Please let me know if thre is anything else hat i need to look into.


A: You should set back color for your submenus.

For example you should create style and assign it for the subitems:
  var itemStyles = [
["itemBackColor=#61420A,#B77D13","itemBorderWidth=1","itemBorderStyle=solid,solid",,
"itemBorderColor=#3C2906,#3C2906"],//style0
];

["Accommodation","#", "", "", "", "", "", "", "", ],
 ["|test1 text text","", "", "", "", "", "0", "", "", ], //style0
 ["|test2 text text text text","", "", "", "", "", "0", "", "", ],//style0

You should also set the following parameters:

  var itemAlign="left";
  var subMenuVAlign="bottom";


Q: Using the new version with unmodified menus results in a new frame menu indentation (the left border of the first javascript folding menu entries submenu in a frame menu setup is not aligned with its main menu entry (both in IE 6 and FF 1.5 / Linux)) - possibly we might need to arrange something?

A: I suppose that this is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open dmenu.js file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;

Try that.



Q: Please advise on how to install a created js popup window to an html page linked to text.

A: For example you want to open your popup window when you click the link on your page.

You should do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:

<a href="javascript:;" id="win1">Click Here to see a window</a>

2) Create a popup window in Deluxe Tuner. Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows
content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section) and add
the content in HTML Content window,
for example:
<div style="text-align:center;"><b>Sample content</b></div>

This is a simple HTML code for content. Here you may also set link to content page or ID of some element.

3) In the 'Actions' section specify the id of your link (win1) for the onClick event.

4) Select the template you want to use.

5) Export your popup window to HTML page. File -> Export -> To HTML. Save it in any testfolder.
So, you'll have:
deluxe-popup-window.files/
deluxe-popup-window.html
deluxe-popup-window.js

6) Open the generated deluxe-popup-window.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:


<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2009, DeluxePopupWindow.com -->

7) Copy 'deluxe-popup-window.files/' folder and deluxe-popup-window.js file into the same
folder with your index.html (root folder of your website).