Javascript Menu Example by Deluxe-Menu.com
Javascript Menu Example

Template:






    - Status string shows item labels
    - Top items and submenus have a shadow
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Text aligned to left
    - Unlimited number of sub levels
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.




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

Menu Screenshots

Javascript Menu Example On Mouseover Vertical Submenu Html

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu example menus easily and in no time
  • Sensible menu parameters for manual editing
Dynamic Menus Html Javascript Menu Example
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!
Cost Effective
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is it possible to hide the plus signs so only the icon and the menu text show?


A: Yes, you can do it.
You should write so:

//------- Buttons -------
  var texpandBtn = ["","",""];
  var texpandBtnW = "";
  var texpandBtnH = "";
  var texpandBtnAlign = "left";


Q: I’m trying to set up Ajax dhtml menu tree script but it doesn’t work..

A: To enable AJAX Tree Menu use the following menu parameters:

  var tajax=1;

Then set your menu in such way:

  var tmenuItems = [
["Deluxe Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "", "data-samples/data-ajax5.js", ],
["+Samples Gallery","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
 ["|Samples Block 1","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
 ["|Samples Block 2","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
 ["|Samples Block 3","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
];

Each .js file must contain menuItems variable for the submenu in the following format:

  var tmenuItems = [
[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],];

Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.For example:

  var tmenuItems = [
["Home","testlink.htm", "", "", "", "Home Page Tip", "", "", "", "", ],
["Product Info","", "", "", "", "Product Info Tip", "", "", "", "data-samples/data-ajax2.js", ],
["Samples","", "", "", "", "Samples Tip", "", "", "", "data-samples/data-ajax4.js", ],
["Purchase","testlink.htm", "", "", "", "Purchase Tip", "", "", "", "", ],
["Support","", "", "", "", "Support Tip", "", "", "", "", ],
 ["|Write Us","mailto:[email protected]", "", "", "", "", "", "", "", "", ],
];

See more info here:
http://deluxe-tree.com/ajax-menu-loading-sample.html

Q: I have built a menu which will sit in a frame on the left hand side of the page.
When sub menus are selected they display in the same frame.
How do I make them appear over the adjoining frame?


A: Please, check you dm_init function. You should write it so:
dm_initFrame("frmSet", 1, 2, 1);

More info about cross-frame mode you can find here (see additional info):
http://deluxe-menu.com/cross-frame-mode-sample.html

See cross-frame vertical orientation Sample (left-to-right) here:
http://deluxe-menu.com/cross-frame-mode-sample.html


Q: I now have a menu that I like. Works great, but not with the Explorer browser. Works perfectly with Firefox and Opera. Doesn't work with Explorer. I tried using Explorer installed on several computers at different installations - at home, work and at a friends house. So it doesn't appear to be anything specific to my version. I don't have high security enabled.

Can you identify my problem? I've spent hours trying to fix this.


A: Please, see your menu parameters. Now you have:

  var itemBackColor = ["#0","#ffffff"];
It is not right.

You should write for example so:
  var itemBackColor = ["#0000FF","#ffffff"];


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