Code Onclick Vertical Menu by Deluxe-Menu.com
Code Onclick Vertical Menu

Menu Screenshots

Code Onclick Vertical Menu Menu Code Examples

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
Xp Style Arrows Code Onclick Vertical Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your code onclick vertical menu 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: Is there a way to have multiple drop down menus on the same web page? What I mean by that is I have a banner with drop downs (horizontal on page) that I want to use possibly with an include statement and when you click on one of the links from the drop down it would take you to a page that is say a department for example. But on this "department page" it would have another list of drop down menues in a different location in a vertical list. This gets tricky with a second set of script running to define the banner and a second set of drop down menues running vertical in a different location.

A: You can use as many different drop down menus on your site or your page as you want.

See more info about installation of several menus on the single pagehere:

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



Q: I have recenlty purchased Deluxe-Menu. I create the items through php. All works fine but the vista style javascript menu button do not display.

A: You should assign individual style for your top javascript menu buttons:

["ELECTRICAL","http://www.domain.com/points/section.php?xSec=76&jssCart=b0d3c67fa5c15ec029c138688b68a91b", "","","","","0","","","","",],

["GREEN PRODUCTS","http://www.domain.com/points/section.php?xSec=62&jssCart=b0d3c67fa5c15ec029c138688b68a91b", "","","","","0","","","","",],

["DIY","http://www.domain.com/points/section.php?xSec=23&jssCart=b0d3c67fa5c15ec029c138688b68a91b", "","","","","0","","","","",],



Q: We are registered user of Deluxe-Menu. We find following query while usingDeluxe-Menu. We are not able to display correctly <Direction Générale> inFrench in down-navigation-menu.

A: You can save your data file in UTF-8 in Windows version of DeluxeTuner v3.3.

You should turn on "Tools/Use utf8 encode" property.
In that case your data file will be saved in UTF-8 encode.

Enter these symbols and save your data file.

If you don't want to use UTF-8 encode on your page you should turn off
"Tools/Use utf8 encode" property, save your data file and manually
change your letters in any text editor.

You can also replace your letters with special sets, for example

&Eacute; - Capital E, acute accent
&ccedil; - Small c, cedilla

  var menuItems = [

["&Eacute;....","testlink.html", "", "", "", "", "", "", "", ],
["&ccedil;....","testlink.html", "", "", "", "", "", "", "", ],




Q: I did not see how you get the content of link value of the tab to display below css tab menu.
The closet I got was to click a tab and havea second window open up wit the content of the link.


A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],