Html Div Vertical Menu Collapse by Deluxe-Menu.com
Html Div Vertical Menu Collapse

Menu Screenshots

Html Div Vertical Menu Collapse Dhtml Vertical Frames

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html div vertical menu collapse samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Images Navigation Bar Javascript Html Div Vertical Menu Collapse
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: we want to be able to specify a certain height (or number of items) for the main menu after which a new column is created.


A: Unfortunately it is not possible to specify a number of items after which a new column is created.

But you can use blank items and create Individual Style for theseitems.

For example:

 ["| ","", "", "", "", "", "0", "", "", ], //empty item
 ["|Item 42","", "", "", "", "", "", "", "", ],
 ["| ","", "", "", "", "", "0", "", "", ], //empty item
 ["|Item 44","", "", "", "", "", "", "", "", ],


Q: Can you tell me the difference between a target and a link.

Also can you explain what self, blank, top, parent, search and custom mean in the javascript menu table please.

A: Link is the url you want to open when you click on the javascript menu table item.

Target controls where you'll open your link:
"_self" - open link in the same window
"_blank" - open link in the new window
"_parent" - will load the linked document where the inner frameset file had been
"_top" - loads the linked document in the topmost frame
custom - you should write here the name of the frame where you want to
open the linked document, for example:
"framename"
"_search" - this target causes the link to load in the browser's Search pane. (Internet Explorer 5.0 and later.)

You can find more info here:
http://www.htmlcodetutorial.com/linking/_A_TARGET.html



Q: Is it possible to change from a default target setting for all links to _self target for onsite links and _blank target for offsite links?


A: You can set target parameter for each item.

See menuItems parameter:

  var menuItems =
[
["Home","testlink.html","icon.gif","iconover.gif","Home Tip",target,"1"],
 ["|Our Products","testlink.html","icon1.gif","icon2.gif","Our Products Tip","_blank",,"0"],
];



Q: My submenu is not display at the good position with Firefox.

Look at my web site with Firefox. Select item menu 'Inscription' and you'll see the problem.

Note: mainmenu.js is relative positioning. The table tag is absolute positioning.


A: Try to write so:
<TABLE id=Table60style="Z-INDEX: 803; LEFT: 295px; POSITION: absolute; TOP: 114px">
   <TBODY>
    <TR>
     <TD style="POSITION: absolute;"><NOSCRIPT><A href="http://deluxe-menu.com/">Javascript Menu by Deluxe-Menu.com</A></NOSCRIPT> <NOSCRIPT>MainMenu</NOSCRIPT>
<SCRIPT language=JavaScript1.2 src="deluxe_files/MainMenu.js" type=text/javascript></SCRIPT>
     </TD>
    </TR>
   </TBODY>
</TABLE>