Horizontal Navigation With Full Width Submenus by Deluxe-Menu.com
Horizontal Navigation With Full Width Submenus

Menu Screenshots

Horizontal Navigation With Full Width Submenus Vertical Menu Simple

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed horizontal navigation with full width submenus 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
Sample Code Menu Horizontal Navigation With Full Width Submenus
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!
Cost Effective
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.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I am using Javascript Menu. Deluxe Menu. v1.12
How can I upgrade to v.2.0?


A: How to upgrade to v2.00
---------------------------------------------------------------
You can download the licensed engine .js files from the same link in your license message.Deluxe Menu v2.00 has new parameters and features.
To upgrade to v2.00 you should do the following.

   Step 1.
     1.1 For Windows users
      a. Run Deluxe Tuner v2.0
           (can be found in the trial menu package v2.0
           http://deluxe-menu.com/deluxe-menu.zip).
      b. Open menu data file (.js file where menu parameters are placed):
select File/OpenЕ
      c. Save the file: select File/Save, then click "No" button when the dialog box appears.

     1.2 For other OS users
      a. Open menu data file (.js file where menu parameters are placed) in a text editor.
      b. Make sure that the following variables exist in the data file:

        var keystrokes = 0;
        var dm_focus = 1;
        var dm_actKey = 113;

        var dynamic = 0;
        var smHideOnClick = 1;
        var itemAlignTop = 'left';
        var smSmartScroll = 1;

        var dmAJAX = 0;
        var dmAJAXCount = 30;
        var dmRTL = 0;
        var dmObjectsCheck = 0;
        var menuBackRepeat = "repeat";
        var menuHeight = "";
        var transDuration2 = 200;

If one of the variables doesn't exist - add it at the beginning of the file.

      c. Save the file.

   Step 2. Now open HTML-page that contains Deluxe Menu.

   Step 3. Replace existent tags of the menu by the following code:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>

   Step 4. Save HTML-page.

   Step 5. New engine v2.00 has 7 .js files.
They are:
      - dmenu.js
      - dmenu4.js
      - dmenu_add.js
      - dmenu_dyn.js
      - dmenu_key.js
      - dmenu_cf.js (new v2.00)
      - dmenu_popup.js (new v2.00)

Replace all old .js files by the files from v2.00.

Try that.


Q: I have another question:

Menu behavior in SAFARI is does not properly work compared to EXPLORER.

If you have a look at the site via SAFARI, please do the following:

Example:
Under menu "Projets" select "par pays" then "Afrique" then "Algerie".

It will then show a left hand menu. Please select "2008/2010".

It will correctly show content.

Then if you try to select again via menu "Projets"; the html menu navigation does not show anymore the submenus. You still need to click a menu without submenus, like "News", and then afterwards you can click "Projets" and the system will again show submenus.

This strange behaviour does not appear in EXPLORER nor in FIREFOX.

A: The problem is in your frame structure after you open "Projets" select "par pays" then "Afrique" then "Algerie".

Your menu won't work correctly with such frame structure.

You should use the following frame structure for all pages at once:

--------------------------------------------------------
topFrame with the html menu navigation
--------------------------------------------------------
Algerie_leftFrame |
with | Algerie_mainFrame
Tree Menu |
--------------------------------------------------------
bottomFrame
--------------------------------------------------------

and write your init function in the following way:
dm_initFrame("frmSet", 0, 2, 0);

Or you shouldn't use Algerie_leftFrame and Algerie_mainFrame at all (use one mainFrame) and write your init function in the following way:
dm_initFrame("frmSet", 0, 1, 0);


Q: Does your menu system support imbedded check boxes? I want to be able to use menus to help users select options and want to have those selections УstickФ for the duration of their session. Do you have any examples of this?


A: Yes, you can insert any html code within menuItems, for example:

 ["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],


Q: I can not figure out how to build tab drop down menus?

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],