Javascript Dhtml Tab Script by Deluxe-Menu.com
Javascript Dhtml Tab Script

Menu Screenshots

Javascript Dhtml Tab Script Expanding Drop Down Menu

Features

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
Script Pulldown Javascript Dhtml Tab Script
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript dhtml tab script 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 javascript dhtml tab script samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: Is there a way to capture which menu item was clicked in the popup menu and store that information into a database?


A: See how you can find the ID of the clicked item:

  var menuItems = [
["Home","javascript:alert(itVar.id)", "", "", "", "_self", "3"],
];


Q: I did have a question. I cannot seem to figure out how to get the individual menu styles to be applied to any of my items for thenavigation bar through the Deluxe Tuner. I’ve looked through through your documentation, but I cannot find anything that explains to me how I do this in the Deluxe Tuner.

A: To create Individual styles click "Edit Individual Styles..." button.

1) In the "Individual Styles" window click "Add Style", enter the nameof the new style.
2) Edit parameters of your style
4) Click "OK" button.
5) Select items (you can use Ctrl and Shift buttons to select group ofitems) and assign "Item Style"/"Submenu Style" to it. (in the "Item Parameters" window)




Q: I was adding a title to the page containing the Turner Delux drop down menu and now the  the menu is gone and I cannot recover it.   

Please tell me in very plan instructions how to load the Mneu on to a blank Front Page web page.


A: See, you should do the following things.

1. Create your menu in Deluxe Tuner.
2. Export the menu into html file "File/Export/To HTML".
3. Copy generated folder with all engine .js files and images
("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default) into the same folder with you index.html page (created inFrontPage).
4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)or in any text editor. Open your index.html page and edit it.
Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.
5. Add the following code in the tag:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

and
<script type="text/javascript" src="data-deluxe-menu.js"></script>
in the place where you want to have the menu.
You can paste it in <table>, <div> tags. For example.

<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>
6. Save your index.html page and open it in any browser.


Q: We have found that some of the menu /sub menu trees do not "collapse" when youclick on another item of the web tree view Do you have any suggestions as to what we can look at to correct the problem?

A: Check the following parameters:

  var tcloseExpanded=1;
  var tcloseExpandedXP=1;