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

Template:






    - Relative/Absolute menu position
    - Submenus dropdown on mouseover
    - Image arrows
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Inactive/Disabled items
    - Filters and Transitional effects
    - Search feature - add the search area in the menu and type symbols.
    - Cross-frame support - menus work on frameset-based pages




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 Mouse Over Menu

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your simple javascript tab menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Drop States Html Simple Javascript Tab Menu
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
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!



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: All of a sudden I'm getting the 'Incorrect Copyright" on two of my sites.??

  Here's what I have in the file:

  <!-- Deluxe Menu, Deluxe-Menu.Com -->
<noscript><a href=http://deluxe-menu.Com/>Javascript Menu by Deluxe-Menu.Com</a></noscript>
<script type="text/javascript" language="JavaScript1.2">vardmWorkPath = "menudir/dmenu.js";</script>
<!-- (c) 2005, Deluxe-Menu.Com -->

  What's wrong??


A: What version of the menu you're using?

Now we have new version of the menu v2.4. We've fixed "IncorrectCopyright" message in IE7 in it.

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

Step 1.
1.1 For Windows users
a. Install new license package. (you can download it from the same link in your license message)
b. Run Deluxe Tuner v2.4
c. Open menu data file (.js file where menu parameters are placed):
select File/Open…
d. 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 <noscript></noscript> tags of the menu by the following code:

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

See more info about installation here:
http://deluxe-menu.com/installation-info.html

Step 4. Save HTML-page.

Step 5. New engine v2.4 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.4.

Try that.


Q: How i can insert any html code in dropdown menu?

A: You are able to paste any html code within items.

So you can paste a form too.

For example:

  var menuItems = [
...
   ["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q'
value='searchthe web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","", "images/icons/search.gif", "", "", "", "", "2", "", "", "",],


Q: I have another question regarding the popup window. I need to use an iframe within the popup window. Is there any way I can close the onmouseover popup from the page loaded within the iframe? Something like "parent.document.getElementById('windowid').hide();". Any help would be appreciated.

A: You can close the onmouseover popup using the following function:document.getElementById('win').hide();

Unfortunately it won't work if you use iframe as window content.
You open another page in the popup (in Iframe) so you cannot accessdocument.getElementById('win').hide();
element which is situated on the first page.

When you use text or object_id as window content the content of the popup will be situatedon the same page so you can access document.getElementById('win') element and hide it.

There is a workaround.
Use text as content type and add the following code inside popup:

<a onclick="document.getElementById('win').hide();">...</a> <iframe></iframe>

Your link will work in that case.

Q: In the javascript pulldown menu submenu width seems not to work in FF...

A: You should specify units in "px".
  var itemStyles = [
["itemWidth=208px"],
];
  var menuStyles = [
["smHeight=200px"],
];



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