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

Menu Screenshots

Dijit Menu Scrolling Sliding Vertical Menu

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dijit menu scrolling samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Highlight Menu Item When On Page Javascript Dijit Menu Scrolling
Cost Effective
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: Can you please tell me what is wrong with the second level of java file menu not lining up at the top of the screen? Admin --> Organization Information --> Providers is dropped down too far. (testimage.bmp attached) (css attached) (javascript attached) Also the desktop menu is not flushed all the way to the left, can you tell me why that is?

A: This is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open dmenu.js file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;

Try that.



Q: If I select one subitem in the slide out menus the other - opened subitem is closed.
Is there a way to get this facility for Items?

A: You should set the following parameter:

  var tcloseExpandedXP=1;


Q: I made a html CD presentation based on cascading drop down menu but it works good only onIE and Google Chrome web browsers.

It doesn't work good on Mozilla Firefox browser. It shows menu properly but there is a problem with normal navigation.

The problem is with paths. I put the main js file in "menu" folder and I also have few folders with many html files in them.

For path I use the following "file:/(direct path to specific html file)". It works fine with IE and Google, but Mozilla/Firefox doesn't show the menu.

I tried also to use prefix "file:/" but it also doesn't show the cascading drop down menu on Mozilla/Firefox.

Is there any way to solve this problem?

Thank you for your answer.

A: It is not correct to add "file:/" in the link field.
You should write:

menu/image.gif
or
../menu/image.gif

You can try also to write links in the following way:
file://html/other/1.html
But I don't think that this will help you.

This is a feature of Firefox browser, Opera and Safari. These browsers cannot determine the root folder ofthe website (D:\ in the examples below) on a local machine (as IE and Google Chrome).

IE: D:\html\other\page.html (works)
Opera: file://localhost/html/other/page.html (link doesn't work)
Google Chrome: file:///D:/html/other/page.html (works)
Safari: file:///html/other/page.html (link doesn't work)
Firefox: file:///html/other/page.html (link doesn't work)

You use relative paths (and your folders have several embedded folders), so your links won'twork correctly in Firefox, Opera and Safari. The reason is not in the menu. Standard linkswon't work too.

So I think that the unique solution in your case is to move ALL link files (1.html,2.html, a.html ...) into the same folder with your index.html file.


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

HTML and JavaScript

Scroll and focus to text field to dynamically added row · Problem with YUI tabs while ... Disable "Properties" from the rightclick context menu in IE

Site de vente en ligne de climatisation : Débuter en référencement

Pas une seule phrase en français observable sans 'scroller'. La page d'accueil est en .... menu CDATA #IMPLIED forceHelp CDATA #IMPLIED userId CDATA #IMPLIED ... @import "/WebRoot/Orange/javascript/dijit/themes/epages/widgets_base.css";

How to build a collapsible menu using dijit.Tree | The Dojo Toolkit

background: #99CCFF none repeat scroll 0% 0% !important; } /* * This should match the top all dijit Tree Labels

HTML and JavaScript

Scroll and focus to text field to dynamically added row · Problem with YUI tabs while ... Disable "Properties" from the rightclick context menu in IE

Dialog problem: window underneath starts scrolling when dialog is

the window starts scrolling in the opposite of the moving direction. ... Regards , Horst. ‹ Tree Context Menu Hide Show Dijit ›

Dialog problem: window underneath starts scrolling when dialog is

the window starts scrolling in the opposite of the moving direction. ... Regards , Horst. ‹ Tree Context Menu Hide Show Dijit ›

Site de vente en ligne de climatisation : Débuter en référencement

Pas une seule phrase en français observable sans 'scroller'. La page d'accueil est en .... menu CDATA #IMPLIED forceHelp CDATA #IMPLIED userId CDATA #IMPLIED ... @import "/WebRoot/Orange/javascript/dijit/themes/epages/widgets_base.css";

HTML and JavaScript

Scroll and focus to text field to dynamically added row · Problem with YUI tabs while ... Disable "Properties" from the rightclick context menu in IE

HTML, JavaScript, AJAX und CSS [Archiv] - PHP-Scripte PHP

[CSS] Menü. Darstellungsprobleme · Fehler bei hinzufügen von einem Link in ein DIV mit InnerHtml im IE! .... JavaScript dynamisch verändern (greasemonkey) · Dojo, Dijit. ... Mausrad Scrolling in einem DIV · firefox transparenter text -

Dialog problem: window underneath starts scrolling when dialog is

the window starts scrolling in the opposite of the moving direction. ... Regards , Horst. ‹ Tree Context Menu Hide Show Dijit ›

How to build a collapsible menu using dijit.Tree | The Dojo Toolkit

background: #99CCFF none repeat scroll 0% 0% !important; } /* * This should match the top all dijit Tree Labels

Site de vente en ligne de climatisation : Débuter en référencement

Pas une seule phrase en français observable sans 'scroller'. La page d'accueil est en .... menu CDATA #IMPLIED forceHelp CDATA #IMPLIED userId CDATA #IMPLIED ... @import "/WebRoot/Orange/javascript/dijit/themes/epages/widgets_base.css";

Tab plugin like dojo(dijit.layout.TabContainer and dijit.layout

By the way this is from the dojo javascript using dijit.layout.TabContainer and dijit.layout.ContentPane. Thanks. ... same tab feature as this scrolling tab, anyone? ... Related Posts. adding dropdown menus to UI Tabs

Tab plugin like dojo(dijit.layout.TabContainer and dijit.layout

By the way this is from the dojo javascript using dijit.layout.TabContainer and dijit.layout.ContentPane. Thanks. ... same tab feature as this scrolling tab, anyone? ... Related Posts. adding dropdown menus to UI Tabs

HTML, JavaScript, AJAX und CSS [Archiv] - PHP-Scripte PHP

[CSS] Menü. Darstellungsprobleme · Fehler bei hinzufügen von einem Link in ein DIV mit InnerHtml im IE! .... JavaScript dynamisch verändern (greasemonkey) · Dojo, Dijit. ... Mausrad Scrolling in einem DIV · firefox transparenter text -

How to build a collapsible menu using dijit.Tree | The Dojo Toolkit

background: #99CCFF none repeat scroll 0% 0% !important; } /* * This should match the top all dijit Tree Labels

HTML, JavaScript, AJAX und CSS [Archiv] - PHP-Scripte PHP

[CSS] Menü. Darstellungsprobleme · Fehler bei hinzufügen von einem Link in ein DIV mit InnerHtml im IE! .... JavaScript dynamisch verändern (greasemonkey) · Dojo, Dijit. ... Mausrad Scrolling in einem DIV · firefox transparenter text -

Tab plugin like dojo(dijit.layout.TabContainer and dijit.layout

By the way this is from the dojo javascript using dijit.layout.TabContainer and dijit.layout.ContentPane. Thanks. ... same tab feature as this scrolling tab, anyone? ... Related Posts. adding dropdown menus to UI Tabs