Extjs Side Menu by Deluxe-Menu.com
Extjs Side Menu

Template:

Dark Green Rounded Template - CSS Dynamic Menu






    - Submenus go over all page objects
    - Transition #14 - "fade out" effect
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Sound support!
    - 85% transparency for sub menus
    - Inactive/Disabled items
    - Filters and Transitional effects
    - Relative/Absolute menu position




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

Menu Screenshots

Extjs Side Menu Onmouseover Dropdown Menus

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed extjs side 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!
Javascript For A Vertical Navigation Bar Extjs Side Menu
Cost Effective
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 extjs side menu 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.

  • 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!

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

Recent Questions

Q: I now wish to dynamically change the drop down menu in html parameters. For this, I have set the following parameters:

// Dynamic Menu
  var dynamic=1;

1.Please send me the reference link for the dynamic menu commands available (for javascript).

2.Now AFTER initialization, dm_init();, I wish to change the default   var itemTarget="Sub_Main";

How do I do that??

A: You can find more info about API functions here:
http://deluxe-menu.com/functions-info.html

Unfortunately it is not possible to change drop down menu in html parameters (  var ...)after menu initialization.
So, there is no way to change
  var itemTarget="Sub_Main";

But you can change target for each item individually (targetparameter in menuItems) using dm_ext_changeItem function.

  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];



Q: When I put any new link on my javascript scrolling menu info tree it goes as if I am placing as _blank when I have it leading to _self.

A: No you have:
  var titemTarget="_blank";

And you haven't specified "_self" parameter to
   ["||Unilock Fireplace MODS","fireplace_unilock_mods.htm", "", "", "", "", "", "", "", ],

You should set
  var titemTarget="_self";
or set "_self" parameter for each item individually:
   ["||Unilock Fireplace MODS","fireplace_unilock_mods.htm","", "", "", "_self", "", "", "", ],



Q: I just don't understand the 'concept" of how It should be put into my html page.
I plan on having more than one menu on my page. and this would be an example of one of the drp down menus I want on it. I'm fairly new to making a webpage, but this menu is what I would like on my page.
sorry for being a little slow at this, I DO LOVE how it lays out and cant wait to get it to work on my webpage.


A: 1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

Deluxe Tuner v2.4 supports Deluxe Menu (http://deluxe-menu.com) &Deluxe Tree (http://deluxe-tree.com) & Deluxe Tabs (http://deluxe-tabs.com)

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Menu ) you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site (you can alsouse local version of the site which you can find in the trial package"Deluxe Menu / deluxe-menu.com /")
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr> //data.js - data file created in Deluxe Tuner.
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.

If you want to install several menus on the one page you should writethe following code once

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
And then call your data files several times.
<script type="text/javascript" src="deluxe-menu.files/data.js"></script>
<script type="text/javascript" src="deluxe-menu.files/data1.js"></script>
<script type="text/javascript" src="deluxe-menu.files/data2.js"></script>
<script type="text/javascript" src="deluxe-menu.files/data3.js"></script>

Try that.


Q: Can I put the icon on the left hand side of the text or does it have to be the right in the tree menu script?

A: You can put the icon as you wish on the left or right side.
You may set a alignment of icons and arrows.
To set them use these parameters:

  var ticonAlign="right";
  var texpandBtnAlign="right";

To set alignment of the top items in XP-style use:

  var tXPAlign="right";

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