Simple Javascript Tab Menu by Deluxe-Menu.com
Simple Javascript Tab Menu

Template:

Dark Red Menu Template - Rollover Dropdown Menu






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




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

Menu Screenshots

Simple Javascript Tab Menu Drag And Drop Javascript Examples

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

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
Cost Effective
Web Javascript Simple Javascript 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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your simple javascript tab menu menus easily and in no time
  • Sensible menu parameters for manual editing



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

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Once more I have a small question about Deluxe Menu.
I have rewritten my homepage (still off-line) to use stylesheets instead of frames. But for some reason the drop down menu templates won't appear anymore.
Does DM need frames or can it also work without frames? I would suppose that it can also work on a page with no frames. But for some reason I can't seem to get it to work.


A: If you don't use frames there is no need to write your init functionin the following way:

dm_initFrame("lower", 0, 1, 1);

That is way you cannot see your menu.
Please, write:

dm_init();


Q: Why is the submenu a different colour has a different colour than menu items - surely that's not an IE specific feature? The top-level menu items seem to be a different size too, so the layout in IE looks more even.

A: Submenus has a different color because they have a transparency:

  var transparency="90";

Set it to 100.

Submenus also have larger width than top items because they containsmore text. If you want to wrap the text, use
tag between item words.



Q: We have a problem with true type fonts. The dropdown menu in html does not showing properly for Turkish letters. We are using true type fonts (bold 10px TR Tahoma).

A: Font.If there will be no TR Tahoma font on the user machinethe font won't be shown correctly.
You can find another font similar to your font and write it through a comma.

You should choose the font among the following fonts:
Arial
Tahoma
Times New Roman
Trebuchet MS
Verdana
These fonts are installed on the most of windows computers.

For example:
  var fontStyle=["bold 9px TR Tahoma, Tahoma","bold 9px TR Tahoma, Tahoma"];

Or you can create images with text and use it for the top items.

Encoding.

You can save your data file in UTF-8 in Windows version of DeluxeTuner v3.2.5.

You should turn on "Tools/Use utf8 encode" property.In that case your data file will be saved in UTF-8 encode.

Enter these symbols and save your data file.

If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.

You can also replace your letters with special sets, for example
É - Capital E, acute accent - É
ç - Small c, cedilla - ç
  var menuItems = [

["É....","testlink.html", "", "", "", "", "", "", "", ],
["ç....","testlink.html", "", "", "", "", "", "", "", ],



Q: I can not figure out why my submenus are not opening next to the javascript menu horizontal? I have included a picture so you can see what I am talking about. When I am in the turner program they pop up just fine but on my website they don't.

A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute; TOP: 0px"

to the

<div id=div_name>

So, you'll have:

<DIV id=div_name style="POSITION: absolute; TOP: 0px">
Try that.



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