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

Template:






    - Unlimited number of sub levels
    - Top items and submenus have a shadow
    - Items with icons
    - Cross-frame support - menus work on frameset-based pages
    - Relative/Absolute menu position
    - Inactive/Disabled items
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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 Dhtml Office Xp Menu

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

Features

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
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
Onmouseover Javascript Menu Simple Javascript Tab Menu
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!
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I intend to purchase a copy of Deluxe menu where I will be using tree menu for a project. I have created the tree describing the menu and copied the data.Files folder, data.js file to the area where the HTML page is and pasted the relevant text into html file.

When opening the page, the tree menu in javascript is not displayed. Can you please help me resolve this problem. I have attached the data.files folder (in zipped form), the data.js file and the html page I am using

A: Now you have the following code on your html page:

<HTML>
<HEAD>
<script type="text/javascript" src="data.files/dtree.js"></script>
</HEAD>

<BODY>
</BODY>
</HTML>

It is not correct you should install the menu in the following way:

<HTML>
<HEAD>
<script type="text/javascript">  var tWorkPath="data.files/";</script>
<script type="text/javascript" src="data.files/dtree.js"></script>

</HEAD>

<BODY>
<script type="text/javascript" src="data.files/data.js"></script>
</BODY>
</HTML>

You can use "Export to HTML" function in Deluxe Tuner.



Q: How can I have the sub tab option that initiated the action highlighted once the new page is reloaded?  I want to highlight the tab which is done with 'bselectedItem', please tell me about the sub-tab option.

A: See you cannot create subitems in
  var tabMode=0;
it is not correct.

You should set
  var tabMode=1;

The following parameters set the pressed items for top items andsubitems:

  var bselectedItem=0; //top items
  var bselectedSmItem=2; //subitems

where 0,1,2... is the index of the item in bmenuItems.

- delete   var bselectedItem=1; and   var bselectedSmItem=2; parameters from your data file
- set correct parameters on each page before you call data file, forexample:

<noscript><a href="http://deluxe-tabs.com">Javascript Menu by Deluxe-Tabs.com</a></noscript>
<script type="text/javascript" src="menudir/dtabs.js"></script>
<script type="text/javascript">  var bselectedItem=3;
  var bselectedSmItem=5; </script>
...
<script type="text/javascript" src="menudir/data.js"></script>




Q: I have noticed an issue with the css menu dropdown. It does not drop down over the frame if a pdf is being displayed.It does something weird to the browser like shortens the main frame and displays above the menu.
Any Ideas?

A: Try to set the following parameter to overlap .pdf files:
  var useIFRAME=1;


Q: This is al I got from the goggle code generator:

<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<div id="dmlinks" style="font:normal 9px Verdana;color:#000000;text-decoration:none">
</div>
<!-- End of Code for Deluxe Menu Items -->


A: You should create your menu at first and then click Tools/Generate SE-friendly Code (F3).


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