Dhtml Tabs Menu Horizontal by Deluxe-Menu.com
Dhtml Tabs Menu Horizontal

Menu Screenshots

Dhtml Tabs Menu Horizontal Dropdown Onmouseover Javascript

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
Xp Style Dynamic Menus Dhtml Tabs Menu Horizontal
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml tabs menu horizontal samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml tabs menu horizontal 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.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I'm evaluating a copy of deluxe-tree and have a question about long items. I need to be able to either automatically wrap the line to fit the width given in the tmenuWidth variable or insert line breaks as I see fit.

At the moment I have found that I can insert the <br> tag to force a line to break but it messes up the space after the menu, if I have several one after the other then they will sit close together. If I add a
at the beginning of the menu entry then the space before is bigger than the default.

Is there any easy way around this?


A: Try to set the following parameter:

  var tnoWrap=0;


Q: I'm using the deluxe-tree; my dynamic tree menu is very long; and the page has a vertical scroll bar as a result. My question is, does the dynamic tree menu support anchors? So let's say I do mypage.aspx#mynode, and mynode is a tree-node, and happens to be on the bottom of the page, can we make it so that the user goes to that node, without him using the vertical scroll bar?

A: No, it is not possible.
But you can collapse your tree menu by default:
  var texpanded=0;

and use API functions to expand the specific items based on the page you are now:

<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: I am using the dhtml-tabs code. I have 2 tabs that I use for a basic form and an advanced form. The advanced form is on the second tab. When I submit, I get results. When I click the back button, the selected drop menu bar tab is the first one, and not the second. Is there a way to configure the tabs to be persistent or sticky. Such that clicking on the back button will result on being on the second tab, which was the last tab before going to a new page?

A: You can try to use the following function:

dtabs_itemClick(0,1)

To open your second tab.



Q: When I load a page with dhtml menu sample, lets say contact, the first tab is always highlighted, not the contact tab

A: I suppose that you've set the following parameter:

  var bselectedItem=1;

So, the first tab is always highlighted.

This Tab menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem,   var bselectedSmItem) or using any server-sidescript (php, asp, etc.)

You should delete this parameter from your data file and write thefollowing code on each page before you call your data file, for example:

<script language="JavaScript1.2>

  var bselectedItem = 3;

</script>