Vertical Menus Expand Collapse Styles by Deluxe-Menu.com
Vertical Menus Expand Collapse Styles

Menu Screenshots

Vertical Menus Expand Collapse Styles Popup Menu With Css

Features

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!
Dhtml Scrolling Example Vertical Menus Expand Collapse Styles
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
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 vertical menus expand collapse styles 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.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: We have been using a free javascript for a couple of years but now we would like to have a functionality that our existing js is missing.
Basically, we need the ordinary tree view javascript with "+" and "-" that highlights the node clicked. No problem with that I suppose... BUT, we have a bunch of pages with internal links, linking the visitor to other pages within the site (i.e. they don't have to use the leftside tree navigation). What I want is that the navigation js recognizes that a page loads without any node has been clicked, and automagically expands the nav tree and highlights the node for that page.

No AJAX, no XML, no php or asp, just plain HTML + JS is a requirement from our customers.

Is that possible with any of your products...?

A: Yes it is possible with Deluxe Tree.

Find more info here:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html


Q: I was looking for a feature to reverse the order of items added dynamically to the drop down html menu
I'm not sure where to find it or how to go about getting this new feature incorporated into my code.
Could you please help me and tell me where to go next?


A: To add your items dynamically in the specific position you should usethe following function:

dm_ext_addItemPos(mInd, smInd, iParamsArr, Pos)
where Pos - the position in the menu where you want to add new item(starts with 0).

Check that you have dmenu_dyn.js file in the same folder with dmenu.js
file and set
  var dynamic=1;
parameter.


Q: Hi I recently purchased your product Deluxe Tuner and I am having trouble with my frame pages.
There is a portion of my site that is set to produce frames and Iwas wondering if there is more information about setting links in a tree view structure to selected frame pages?

A: You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "","", "0"],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],
 ["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],



Q: It is mostly working now except where I have two rows of nav tabs.. The top row opens new pages and the bottom row is just regular div tabs... works fine in IE and Firefox but not Chrome... any ideas?

A: Try to open links in the following way:

  var bmenuItems = [
["Overview","link:Sun_Cabo_Services.asp", "", "", "", "", "0", "", "", ],
["-"],
["Villa Services","link:Cabo_Villa_Services.asp", "", "", "", "", "0", "", "", ],
["-"],
["Chef/Cook Services","link:Cabo_Chef_Services.asp", "", "", "", "", "0", "", "", ],
["-"],
["Spa Services","link:Cabo_Spa_Services.asp", "", "", "", "", "0", "", "", ],
];