Simple Javascript Tab Menu by Deluxe-Menu.com
Simple Javascript Tab Menu

Template:

Adobe Style Template - Sliding Menu







    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus automatically scrolls
    - Inactive/Disabled items
    - Several menus on one page
    - 85% transparency for sub menus
    - Submenus dropdown on mouseover
    - Image arrows
    - Status string shows item labels




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

Menu Screenshots

Simple Javascript Tab Menu Simple Dhtml Menu Tutorial

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed simple javascript tab menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Javascript Hide Select Menu Simple Javascript Tab Menu
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
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I need to know if separate coloring of main items is possible in slide drop down menu.

A: You can create Individual Item styles and assign it for the top items,for example:
  var itemStyles = [
["itemBackColor=#8080FF,#FFFF80","itemBorderStyle=solid,solid","itemBorderColor=#000080,#FF8000"],//style0
["itemBackColor=##FFFFF,#000000","itemBorderStyle=solid,solid","itemBorderColor=##AA0000,#0000EE"],//style1
];

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "1", "", "", "", "", ], //style1
 ["|Item 3","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
 ["|Item 7","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "1", "", "", "", "", ], //style1
];

You can find more info about individual item styles here:
http://deluxe-menu.com/individual-item-styles-info.html

Q: I can't seem to figure out how to specify the width of individual javascript pulldown menu items. I would like to specify that each menu item on the horizontal take up just 113px regardless of the number of characters in the item. Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style. Forexample:

  var itemStyles = [
["itemWidth=113px"]
];

  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.


Q: Could it be possible to explain to me how to create cross-frame horizontal navigation bar..

A: To initialize the cross frame menu call dm_initFrame()
function instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.

So you should create your menu in Deluxe Tuner, save it.
Create html file with your frame set.
Set ID for the first frameset:
<FRAMESET id=frmSet rows=220,*>
<FRAME id=frame1 src="Deluxe Menu Samples_files/cross-frame-horizontal-1.htm"> //menu frame
<FRAME id=frame2 name=frame2 src="Deluxe Menu Samples_files/testlink.htm"> //content frame
</FRAMESET>

Then you should open your data file in any text editor and changedm_init();
for example to dm_initFrame("frmSet", 0, 1, 0);

You'll find more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Q: I love the new pop windows. That is something I need right now. I am having a problem trying to figure out how to generate a link to window open html. I looked at what you have on your site but it is not clear to me.

A: You can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you've added an image in your html page. You should specify the ID for it, for example:

<p><img id="open_popup" border="0" src="images/submenu-bg.gif" width="170" height="29"></p>

In the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page manually. You should specify ID's - id="xxxx"for <a>, <div>, <img> ... tags.

Or you want to open a popup onMouseover, onClick or onMouseout on a link.

So, you should create a link (you can also use other object) on your page and set id="" for it, forexample:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

If you want to show the window open html when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",

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