Template Menu Horizontal Deroulant by Deluxe-Menu.com
Template Menu Horizontal Deroulant

Menu Screenshots

Template Menu Horizontal Deroulant Popup Menu Bar Javascript Tutorial

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 template menu horizontal deroulant menus easily and in no time
  • Sensible menu parameters for manual editing
Html States Drop Down Template Menu Horizontal Deroulant
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed template menu horizontal deroulant samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: Hi, I purchased your deluxe-menu product and it's working great, the only problem I'm having is the tree menu in javascript is always fully expanded when a new customer enters the site. I've looked through your support blog but I can't find a reason for it.

A: Check that parameter:

  var texpanded = 0;

It expands all items by default.


Q: What is occurring is that the information on the first tab is appearing on every tab. The other tabs are behaving correctly, but the first tab appearing at the top.


A: Now you have such items

["$Contacts", "contacts",,,,"How to contact Civil Liberties Australia", "0"],
["The Board", "board",,,,"Members of the CLA Board", "0"],
["Policies", "policy",,,,"An outline of CLA's policies", "0"],
["Other Matters", "other",,,,"Other administrative matters of CLA' page","0"],

But I cannot find DIV with ID "contacts".

May be you should write

["$Contacts", "content",,,,"How to contact Civil Liberties Australia", "0"],

Please, check it.


Q: Can I use an Item in the html menu for text and get the text to wrap within a predefined menuWidth ?

A: You should set the following parameter:

  var noWrap = 0;

or use <br> tags within menuItems.

Q: Now it works fine in Firefox and mostly in IE.... Only problem... In IE...

When the page with dhtml tab menu first loads ... It does not load the content of the first DIV....
It's fine in Firefox...now IE just does not load the first div... I've tried added a JS function to set to visible the first DIV onLoad...but that does not work either...

Is there anyway to hard-code in ...to set the first DIV to visible?

A: I've just checked your website. Your dhtml tab menu work correctly.

You should check that you use correct value of
  var bselectedItem=1;
parameter.

That is mean that second item in menuItems array will be highlighted.
["-","", "", "", "", "", "", "", "", ], //0
["About","content1", "", "", "", "", "", "", "", ], //1
["FAQs","content2", "", "", "", "", "", "", "", ], //2
["Before & Afters","content3", "", "", "", "", "", "", "", ], //3
["Pre/Post Care","content4", "", "", "", "", "", "", "", ], //4
["Special Offers","javascript:location.href = '../specials/index.htm'", "", "", "", "", "", "", "", ], //5

Now you have also:
<script type="text/javascript" src="data-deluxe-tabs.js"></script>

<table cellpadding="0" cellspacing="0" border="0" width="500">
<tr>

<td align=center valign=top>

<table cellpadding="0" cellspacing="0" border="0" width=500 height=250 align=center>
<tr>
<td valign=top height=1>
<script type="text/javascript" src="../scripts/templates/tabs-opera.js"></script>
</td>
</tr>

I think that it is not correct. You should write:

<table cellpadding="0" cellspacing="0" border="0" width="500">
<tr>

<td align=center valign=top>

<table cellpadding="0" cellspacing="0" border="0" width=500 height=250 align=center>
<tr>
<td valign=top height=1>
<script type="text/javascript" src="data-deluxe-tabs.js"></script>
</td>
</tr>