Collapsible Submenus by Deluxe-Menu.com
Collapsible Submenus

Template:

iPhone 12 Template - CSS Menu Bar






    - Relative/Absolute menu position
    - Horizontal or vertical orientation
    - Items with icons
    - Submenus go over all page objects
    - Transition #14 - "fade out" effect
    - 85% transparency for sub menus
    - UL/LI items structure
    - 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

Collapsible Submenus Javascript Menu Example Dhtml

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

Features

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
Side Menu In Javascript Collapsible Submenus
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 collapsible submenus menus easily and in no time
  • Sensible menu parameters for manual editing
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!



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: Hello, Could you please help me with an alignnment issue with my website. If you go to mt website you will see the problem. I set the x alignment to=266 but the y alignment is left blank because I would like to keep the menu centered on the site.


A: If you want to center the menu paste itwithin the <div> or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
Please, set exact value for   var menuWidth parameter, for example:

  var menuWidth = "300px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
  var absolutePos = 0;

Try that.


Q: The "drop down" menus go above the mouseover javascript menu, not below. I want them to go down. That's why it's a DROP DOWN menu and not a DROP UP menu.

And I tried the "  var subMenuVAlign="bottom";" command as per your user database forum and it doesn't work.

So the problem is elsewhere....

BTW, I did not have this problem on the trial version, it appeared after I installed your js files in the scripts directory and the key in the data.js file

A: You should set the following parameter for mouseover javascript menu:

  var subMenuVAlign="top";



Q: I evaluated Deluxe Menu over the weekend and I really like it. I believe I'll be buying it this week. I have one question. Is it possible for the menu to be aware of what page you have selected and highlight the corresponding menu item on that page.


A: You should set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.


Q: I cannot find the parameter in menu example file "data.js" for umlaute a, u. I want it to set manually.

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

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
&auml; - Small a, acute accent - a
&uuml; - Small c, cedilla - u
  var menuItems = [
["&auml;....","testlink.html", "", "", "", "", "", "", "", ],
["&uuml;....","testlink.html", "", "", "", "", "", "", "", ],


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