Dijit Menu Slider by Deluxe-Menu.com
Dijit Menu Slider

Menu Screenshots

Dijit Menu Slider Javascript Collapse Website Navigation

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dijit menu slider menus easily and in no time
  • Sensible menu parameters for manual editing
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
Vertical Css Menu Navigation Examples Dijit Menu Slider
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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dijit menu slider samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I now have a tree on the left and an embedded frame on the right. When a user clicks a node, the corresponding html page appears in the frame.

Is there a method I can use when a user clicks a node, the web page will jump to a certain location in the page (menu dhtml hhyperlink)? I'm envisioning using one long web page instead of 30 or 40 separate pages. But I would need the program to work with a hyperlink to know where to jump to.

A: See the structure of tmenuItems array:

  var tmenuItems = [
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd, jsFilename],

You can set link and target menu dhtml parameters for each item individually,for example:

  var tmenuItems = [
["Home","files/homepage.html","","","","Home","topframe","","",""],
["Contacts","files/contacts.html","","","","Contacts","bottomframe","","",""],

You can also send us the example, so we can understand your problem.



Q: Then it is a bit annoying now that the menu bars in java does not work for
- Firefoxs

- Safari

For either Windows nor Mac.
According to your browser support this should work.


A: Links in your menu bars in java don't work in Firefox.

Now you have:
["Butiken","http://www.wexthuset.com/default.asp?sp_pid=8&sp_text=8"],
 ["|Tillbehцr","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=0&select_method=1"],
   ["||Belysning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=5&select_method=1"],
   ["||Bevattning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&
sp_sortfield=product_name&sp_sortorder=1&sp_pname=&sp_type=11&select_method=1"],
....

try to write & instead of &.

["Butiken","http://www.wexthuset.com/default.asp?sp_pid=8&sp_text=8"],
 ["|Tillbehцr","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=0&select_method=1"],
   ["||Belysning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=5&select_method=1"],
   ["||Bevattning","http://www.wexthuset.com/default.asp?ct=859&sp_pid=2&sp_page=1&sp_psort=22&sp_sortfield=product_name&
sp_sortorder=1&sp_pname=&sp_type=11&select_method=1"],
....


Q: Can search engines follow the items of navigation menu?

A: You should generate search engine friendly code and install it on your page.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).



Q: The menu maps to the width size of the longest menu item on the list, can you tell me how I can restrict this, and have a fixed menu size.

A: Unfortunately it is really so.
You can try to wrap your text.

You should set the following parameter:

  var noWrap = 0;

or use <br> tags within menuItems.