External Collapse Expand Menu Javascript by Deluxe-Menu.com
External Collapse Expand Menu Javascript

Template:

Horizontal Submenus Template - Horizontal DHTML Menu






    - Items with icons
    - Hundreds of pre-designed templates
    - Relative/Absolute menu position
    - Transition #14 - "fade out" effect
    - UL/LI items structure
    - Sound support!
    - 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

External Collapse Expand Menu Javascript Example Of Menu In Javascript

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

Features

Cost Effective
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
Explorer Menubar External Collapse Expand Menu Javascript
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your external collapse expand menu javascript menus easily and in no time
  • Sensible menu parameters for manual editing



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: Well I figured all of that out but now I have a new problem.The content of the textarea tabs is not displaying in IE.

A: See, it is not correctly to use submenus in tabMode=0.

Now you have:
  var bmenuItems = [
["Why Choose Frictionsweb?","content1", "", "", "", "Why choose Frictionsweb Premium Internet Services?", "", "", "", ],
 ["|Our Services","content2", "", "", "", "We handle your project from the ground up!", "", "", "", ],
];

  var bmenuItems = [
["Specials","content3", "", "", "", "Great Deals from Frictionsweb!", "", "", "", ],
 ["|Our Services","content4", "", "", "", "We handle your project from the ground up!", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];

Try to write your bmenuItems in the following way:
  var bmenuItems = [
["Why Choose Frictionsweb?","content1", "", "", "", "Why choose Frictionsweb Premium Internet Services?", "", "", "", ],
["Our Services","content2", "", "", "", "We handle your project from the ground up!", "", "", "", ],
];

  var bmenuItems = [
["Specials","content3", "", "", "", "Great Deals from Frictionsweb!", "", "", "", ],
["Our Services","content4", "", "", "", "We handle your project from the ground up!", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];

Q: I want to change the background color of one of the menu items of the menu horizontal.If I understand correctly I go to INDIVIDUAL STYLES and should be able tochange the background color for one of the menu items there. Under item appearance I tried to change itemBackColor - but I can't seem to make it take affect (I tried clicking OK but its under the Style Names, so thats probably not it.

Please advise.

A: You should click "Edit Individual Styles" button.

On the 'Item Styles' tab click "Add style" button.

Set itemBackColor and click "OK" button.

Select the item you want to change the style for and assign new style for it. Go to Item Parameters window 'Item style' field.

  var itemStyles = [
["itemBackColor=#EB2999,#590937"], //style0
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0



Q: It's simply not saving the state.  Clicking the items on the menu is inconsistent.  Sometimes it saves sometimes not.

  It seems to be a lot worse in this area.


A: See, Tree Menu saves it's state using cookies.
But it can't re-save the same cookie file from different folders.
For example, if the tree from "website/page.html" saves it's state,the menu from "website/content2/page.html" can't read this state andit creates it's own state. The problem is that it's a standardfeature of browsers and Javascript can't control that.


Q: How can I center my navigation java script menu bar within my HTML page? I have tried putting the script into a table that is centered. I have also changed the   var menuWidth to 800px. The navigation bar is still right-justified instead of centered in both IE and Firefox/Mozilla.

A: Now you use absolute position for the java script menu bar:

  var absolutePos=1;
  var posX="0px";
  var posY="0px";


You should set:
  var absolutePos=0;



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