Create Horizontal Menu Confluence by Deluxe-Menu.com
Create Horizontal Menu Confluence

Menu Screenshots

Create Horizontal Menu Confluence Expanding Javascript Navigation Menu

Features

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!
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
Tree View Menu Sample Application In Java Script Create Horizontal Menu Confluence
Easy Setup
  • De Luxe Tuner. GUI interface to create your create horizontal menu confluence 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 create horizontal menu confluence 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



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: We were wondering is there any api for the css menu tabs available?
We would need to programatically open a particular tab.

A: No, unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">
Click to open the third tab<
/DIV>


Q: I am trying to use the following horizontal tabs menu:

http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html

My problem is that the bitebackimage is not showing as you can see in the example below.

All the left and right side images appear, but not the repeating button background. All the images are in the same directory and have the same URL to point to them.

Any ideas on what the problem might be?

A: The reason is in your styles. Now you have in style.css file:
TABLE {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}

You should write:

TABLE {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}



Q: I have tried various different ways,I cannot get a separator image I have specified in the Separators section to display for the navigation-bar-menu. I have verified that the image exists, but still nothing.

A: To add a separator you should

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

You can create separators using menuItems (you can do it in Deluxe
Tuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],




Q: I am using a licensed copy of Deluxe Menu and am extremelyhappy with the dhtml mouseover menu and the functionalities provided. Great Work!!

I wanted to know how to hide/ disable a dhtml mouseover menu item for a particular user/roleid in .ASP.Net1.1
Kindly help me out with this problem as soon as possible.

A: You can find more info here:

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

You can try to use API functions in that case:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

To disable items you should set the target parameter to "_".

You can try to use the following function

function disable() {
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your dhtml mouseover menu items.