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

Template:

Dark Red Rounded Template - CSS Menu Script






    - Submenus dropdown on mouseover
    - Horizontal or vertical orientation
    - Hundreds of pre-designed templates
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - UL/LI items structure
    - Top items and submenus have a shadow
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus go over all page objects




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Dhtml Splitter Bar Collapsible Vertical Menu

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

Features

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!
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
Onmouseover Dropdown Menus 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
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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: Can I use drop down navigation menu using subfolders? I am trying to build amenu system but the website contains a lot of subfolders.


A: Yes, you can use deluxe-menu on the site with a lot of subfolders.

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.



Q: How do you specify different number of sub menu columns for each menu heading in the dhtml menu bar?

When I put   var smColumns = 5; it changed it for both my multicolumn headings.

A: You should use Individual Submenu Styles, for example:

  var menuStyles = [
["smColumns=3"],// 0 style
["smColumns=2"],// 1 style
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
["Product Info","", "", "", "", "", "0", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "", "", "0", "", "", "", ], // 0 style
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
   ["||Description of Files","testlink.html", "", "", "", "", "", "", "", "", "", ],
   ["||How To Setup","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Parameters Info","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Dynamic Functions","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
   ["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
   ["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
   ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
   ["||Mozilla","", "", "", "", "", "", "", "", "", "", ],
   ["||Netscape","", "", "", "", "", "", "", "", "", "", ],
   ["||Opera","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ],
 ["|Sample 1","testlink.html", "", "", "", "", "", "1", "", "", "", ], // 1 style
 ["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
 ["|Sample 3","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 4","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 5","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 6","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 7","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 8","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 9","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ],
];

Q: I am using the tree menu script in a frameset, and I would like for the selected menu branch to stay highlighted after the user moves the mouse to another window(where the menu brings up a new page),just so the user knows where he/she is.
Is that possible?

A: But if you open links in the another frame (window) the initial frame with your menu isnot reloaded, so the clicked item will be highlighted.
You should set the following parameters:
  var ttoggleMode=1;
  var tpressedFontColor="#AAAAAA";

You can also set the following parameter to save menu state:
  var tsaveState=1;
  var tsavePrefix="menu1";

If you install the menu without frames. On your pages you should call the following function/functions to expand/highlight items, for example:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html
Example:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html

Q: Thank you for such an excellent product. I have a question pertaining to the submenu items in your tree-menu line. My menus are 540px wide and contain lots of text with good sized pictures (icons). Can I use an iframe tag inside of the css menu submenu instead of simple text with this icon?

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='search
the 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", "", "", "",],



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