Dijit Navigation Menu by Deluxe-Menu.com
Dijit Navigation Menu

Template:

Youtube Style Template 2 - Drop Down Navigation Menu







    - Top items and submenus have a shadow
    - Hundreds of pre-designed templates
    - Several menus on one page
    - Text aligned to left
    - Relative/Absolute menu position
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Image arrows
    - Sound support!




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

Menu Screenshots

Dijit Navigation Menu Menu Bar Examples

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
Cost Effective
Dynamic Dropdown Menus Dijit Navigation Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dijit navigation menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dijit navigation menu 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: There are two of your menus that we wish to incorporate into one. Our main left hand side vertical navigation menu would be an accordion menu. When you click on products in the accordion menu, it would drop down with an indented sub menu. When you hover over a link in the sub menu, your Javascript Scrolling Menu - Smart Scrollable Feature would allow us to have a scrolling sub menu.

I guess my question is can you have two javascript dhtml scroll menus working together in the same page?

A: I'm not sure I understand your question.
Why you should create two menus in that case?

You can create only one vertical menu (left menu) with all submenusand set smart scrollable feature:

  var smSmartScroll=1;

That is all. Please try the trial version.



Q: I would like to know how to define separator on itemstyle or how to show separator on menu items.

Thanking you in advance.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";


Q: I need a way to change tabs with buttons AFTER THE PAGE IS RENDERED. This means bselecteditem is useless to me at this point.

I want to have a button called NEXT on TAB 1, and when you press that button, it switches you to TAB 2. Likewise on TAB 2 I want to have a button called NEXT that when pressed will switch you to TAB 3.

I don't want to have to post back to the server to make this work, I want a way of Javascript to change the tab indexes.

How can I do this?


A: Try to use the following function:

LTb0(menuN,itemN);

menuN - menu ID, starts with 0
itemN - item ID, starts with 0


Q: I have another question.. after I successfully click and load the data in to my window using the mouseover tab, the tab defaults back to the original default tab.
Because I have to reload my page after the tab has been selected the tab chosen is lost. What do you recommend for "remembering" the tab so that when the page reloads the correct tab is highlighted. I know that I need to set the   var bselectedItem but if you have a "nifty" way for me to do that I am all ears.

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

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