Dijit Menu Scrolling by Deluxe-Menu.com
Dijit Menu Scrolling

Menu Screenshots

Dijit Menu Scrolling Jscript Menu Examples

Features

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
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
Menu Example Design Dijit Menu Scrolling
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

Recent Questions

Q: I'm trying to position my menus inside absolutely positioned <DIV> tags. If the <DIV> tag has style="position:absolute; top:100px; left:50px;" in the actual tag, deluxe-menu seems to work correctly. If I have the "position:absolute; top:100px; left:50px;" in a <STYLE> tag or a linked stylesheet and applied using id or class selectors, then deluxe-menu does not work correctly: sub menus have a 100pixel offset in the y direction and a 50 pixel offset in the x direction. This is with no change to the .js data file (I have absolutePos=0;) Is this a known issue, and is it planned to be fixed?


A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.

Please, try to add your

css file -> inline css, for example:

For example, you should add style="position:absolute;"

to the

<DIV id=head>

So, you'll have:

<DIV id=head style="position:absolute;">
Now we have only such solution for this problem.
We'll try to fix this problem in the future versions.


Q: Can I choose what menus will be expanded or collapsed in the tree menu javascript when the user comes to the webpage for the first time?

A: You can expand some items by default.
Add '+' sign before items text in that case:

["+Deluxe Tree: XP Style","", "deluxe-tree.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", "", ],
   ["|Home","testlink.htm", "deluxe-tree.files/icon1_s.gif", "deluxe-tree.files/icon1_so.gif", "", "Home Page Tip", "", "", "", "data-new.js", ],

"Deluxe Tree: XP Style" item will be expanded by default in that case.

Use   var texpanded=1; parameter to expand all menu items by default.

Use function dtreet_ext_expandItem (itemID, expand) API function to expand the specific menu items dynamically:
http://deluxe-tree.com/functions-info.html


Q: I have to find out, how the javascript tree control is NOT expanding in the beginning..

A: You should set the following parameter:

  var texpanded=0;

Use + signs before items text to expand some items:

["+Land","", "", "", "", "", "", "0", "", "", ],


Q: A brief one on dynamic menu in the perspective of bilinguism

I understood from the tuner that a menu can be made dynamic (although it is somewhat minimally documented ;-))

Leaving alone all the beautiful sophisticated and complex mechanic of it

Say I have my main menu that says :
  var dynamic=1; (that's all I got from the doc ..)

And then

  var menuItems = [

["Choice 1 ","page1.php", "", "", "Choice 1",", "_self", "", "", "", "", "", ],

["Choice 2","page2.php", "", "", "Choice 2", "_self", "", "", "", "", "", ],
];

Minimalist ? ;-) right ?

1/ first I'm not too sure about what exactly in order are these 11 parameters although I'm fine with the only 4 I have here

2/ if I would want to change on the fly menu javascript dropdown page on a PHP parameter Page1.php?lang=French (I perfectly master how to capture the PHP value)

So that My menu becomes on the fly

["Choix 1 ","page1.php", "", "", "Choix 1",", "_self", "", "", "", "", "", ],
["Choix 2","page2.php", "", "", "Choix 2", "_self", "", "", "", "", "", ],

Thanks in advance if you can shed some light on this

PS : And although I used hardly 1% of deluxe capability my first customer is very happy about it..

A: Actually you can find all info about the menu javascript dropdown parameters and featureson our website:

- menu parameter and items, Individual Styles:
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

- dynamic functions:
http://deluxe-menu.com/functions-info.html
http://deluxe-menu.com/dynamic-functions-sample.html

> 2/ if I would want to change on the fly page on a PHP parameter
> Page1.php?lang=French (I perfectly master how to capture the PHP value)
> So that My menu becomes on the fly
> ["Choix 1 ","page1.php", "", "", "Choix 1",", "_self", "", "", "", "", "", ],
> ["Choix 2","page2.php", "", "", "Choix 2", "_self", "", "", "", "", "",> ],

To change the menu items on the fly you can use API functions
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
function dm_ext_addItem (menuInd, submenuInd, iParams)
function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)