Collapsible Side Navigation Menu by Deluxe-Menu.com
Collapsible Side Navigation Menu

Template:

Olive Menu Template - DHTML Navigation Menu






    - Submenus dropdown on mouseover
    - Several menus on one page
    - Status string shows item labels
    - Relative/Absolute menu position
    - Inactive/Disabled items
    - 85% transparency for sub menus
    - Top items and submenus have a shadow
    - Text aligned to left




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

Menu Screenshots

Collapsible Side Navigation Menu Drop Down Menu Html Codes

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

Features

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 side navigation menu menus easily and in no time
  • Sensible menu parameters for manual editing
Js Javascript Collapsible Side Navigation Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapsible side navigation menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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: I'm loving your product! It has definitely made my life easier.

I do have a question however. I know if I put a "+" in front of the title, the category will be expanded by default.
["+PRODUCTS","", "", "", "", "", "", "", "", ],

Is there a way to do that dynamically? Maybe have some code that would tell the sliding tree menu to expand on that particular page?

A: On your pages you should call the following function/functions to expand/highlight items, for example:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html

Q: I changed the parameter from
  var dmObjectsCheck=0;
to
  var dmObjectsCheck=1;
in the data.js file
but it didn't change it;
_____________________

I opened the dmenu_add.js file, but I'm not sure what I'm supposed to do with it?
_____________________

I went to your sample page and I would like to add the item widths into mydata.js file, but each item is a different width. Would it be correct for meto do this?...

  var itemStyles = [
["itemWidth=98px"],
];

Or will I have to make all the main menu items/graphics the same width?


A: You don't have to change your dmenu_add.js file.
Please, place this file in the folder where your menu iscreated in.

Yes, you can set itemWidth for each main item.

Please, use Deluxe Tuner to create your individual styles.

You should write, for example, so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];
  var menuItems = [

["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],

["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],

["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],

["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],

["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],];


Q: I currently have the menus set to show the selected item in white and the non-selected items in blue.

However, I can only choose one item in each menu.

Is there any way to choose multiple items from a single ajax drop down menu and have all of selected items show white? If so, what option do I need to enable for the ajax drop down menu?

Programmatically, I think it would be similar to something to:

dm_ext_setPressedItem (1,1,1);
dm_ext_setPressedItem (1,1,2);

A: No, Deluxe Menu doesn't has a feature to highlight multiple items now.

Actually you can use the following function:
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

You can create Individual Item Style with style of selected item andusing this function assign it for the items you want to highlight

dm_ext_changeItem(0, 0, 1, ["Deluxe Menu Info", "", "", "", "ajax drop down menu hint",,"1"]);



Q: I have a question about your code for drop down menu; I was searching the internet for some programs that could generate a good menu for me. I came across your program deluxe tuner. It said it was freehowever it seems as if you need another program to get this one to work although it looks like deluxe tuner does everything I need to do. Anyways I am having a serious issue. The program generates the navbar perfectly fine, the problem is getting it to import into my web page. I tried the instructions below in dreamweaver CS3 severaltimes. I then tried to do it to a blank web page still nothing. I go into the source code and paste the code that this program generates exactly where I am told to place it then I also place the other code where I would like the navbar to be. Nothing happens I preview my site and I just get a blank page??? I placed the source files under the root of the web folder; I double checked the code to make sure that it is pointing to the source files. The Main .Js file sits in the root folder the same folder that the page is in, and the other .js files sit under a folder called “ NavBar.files “ that deluxe tuner generated for me.What could I possible be missing?? If I need to pay for the program I defiantly will but not until I get an answer on this question.

A: Your installation seems to be correct.

Please, check that you have all files for the code for drop down menu in the correctplaces, for example:

NavBar.files/
dmenu.js
....
*.gif
...
index.html
NavBar.js

Try also to set exact width for the code for drop down menu, for example:

  var menuWidth="400px";



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