Folder Tab Menu by Deluxe-Menu.com
Folder Tab Menu

Menu Screenshots

Folder Tab Menu Rollover Menu Templates

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your folder tab menu 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 folder tab menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Drop Down Menu With Transparent Effect Folder 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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I have looked through the FAQS on your site, but can’t find a clear answer to this questions:

Can a menu submenu dhtml be triggered to an open state upon onload?

I can get the top level menu over state to show, but the drop downs won’t open.

A: Unfortunately it is not possible to highlight the pressed menu submenu dhtml itemin Deluxe Menu now. You can highlight the top items only.



Q: I would like to know how to put the items for the popup menu on multiple lines (i.e. create a line feed), how do I tell my code to start a new menu item on the NEXT line?

A: There are 2 ways to do that:

1. set

  var noWrap=0;

2. use
tags, for example:

  var menuItems = [
 ["|Here is where <br> I would like
to have a line<br> feed",,"","", "", "", "", "", "", "", "",],
];




Q: Also once you click a link and go to a new page, how do you get the java choice menu tab for that new page to stay the highlighted one?

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>



Q: Do I need to replace the menudir/ in the code with the name of the folder I have placed the .js files?


A: Yes, you should change the name of the folder.

If you have, for example such file structure:

deluxe-menu_files/
    dmenu.js
    data.js
images/
html_pages/
    page1.html
    page2.html

index.html

So, you should install your menu in the following way:
<head>
<!-- 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>
<!-- (c) 2006, http://deluxe-menu.com -->
</head>

<body>
<script type="text/javascript" src="deluxe-menu_files/data.js"></script>
</body>
</span>