Dhtml Splitter Bar by Deluxe-Menu.com
Dhtml Splitter Bar

Menu Screenshots

Dhtml Splitter Bar Sample Menu In Javascript

Features

Cost Effective
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
Hide Menubar In Javascript Dhtml Splitter Bar
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml splitter bar menus easily and in no time
  • Sensible menu parameters for manual editing
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: Do the Vista style menus support a separator?
It seems to add some space but the separator line is not drawn.


A: Yes, you can paste a separator in the Vista style menus.

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];
Try that.


Q: Tree menu doesn't display properly in Firefox or IE7. Could you give me advice on how to correct this problem? The menu creates black 'blinds' horizontally across the page. Since IE7 will be rolling out soon I need to get this corrected sometime in the next couple weeks.


A: Try to specify units in "px".
  var tmenuWidth = "280px";
It's necessary to specify exact value for Mozilla browsers. It helps to position menus correctly.


Q: I am testing a trial version of your Deluxe Tuner software.

I cannot configure the actual links or link names?

How do I do this?


A: You can assign link for each item.
Please, use Deluxe Tuner. In the "Item parameters" window you can set text, link, target, iconsfor the menu items.


Q: We would like it so when you click on an option in the free dhtml menu, the page shows up in the main middle frame..So far, I can only seem to get it to show up in its own page.


A: You should set the correct target parameter for your items.

You can set target parameter for all items:
  var itemTarget="main";

Where main - is the name of the main middle frame where you want to open the link.

["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],