Dhtml 100 Wide Horizontal Menu by Deluxe-Menu.com
Dhtml 100 Wide Horizontal Menu

Template:

iPhone 1 Template - Cascading Drop Down Menu






    - Hundreds of pre-designed templates
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus automatically scrolls
    - Relative/Absolute menu position
    - Several menus on one page
    - Transition #14 - "fade out" effect
    - Sound support!
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Dhtml 100 Wide Horizontal Menu Dynamic Menu Design In Javascript

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml 100 wide horizontal menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Menu Paginas Web Dhtml 100 Wide Horizontal Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml 100 wide horizontal menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
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



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

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Can I move the submenu 5px to the right so it doesn’t stick to the main tree javascript hierarchical menu (Please try to separate them without a color).

A: You should set the following parameter:

  var topDX=5;



Q: I am currently testing the DHTML Tabs product, and I am trying to find ways of replicating how it is being done in your website at
http://dhtml-menu.com/dhtml-tabs/tabs-examples.html.

In your website, when I click on a Tab, the content relevant to that tab appears. I understand that the site is using "div id= " method to control. However, my question is how can I code the DIV to appear in the JS file ?


A: I advise you to try our new Javascript menu -- Deluxe Tabs,
http://deluxe-tabs.com.
This is a newer version of DHTML Tabs. It works better.

See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>


Q: When I open my site in Internet Explorer 6.0 the main drop menu code shows up nicely but the drop-down sub-menus are separated. The drop menu code work very nicely in a Firefox browser but not in IE.

A: There are some problems also with your css.The problem is that the drop menu code 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" attribute of the object if the object doesn't have this property within inline style(style="position:relative"). 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:relative;"

to the

<DIV id="right">

So, you'll have:

<DIV id=right style="POSITION: relative;">

Check that.



Q: I’m trying to set up Ajax dhtml menu tree script but it doesn’t work..

A: To enable AJAX Tree Menu use the following menu parameters:

  var tajax=1;

Then set your menu in such way:

  var tmenuItems = [
["Deluxe Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "", "data-samples/data-ajax5.js", ],
["+Samples Gallery","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
 ["|Samples Block 1","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
 ["|Samples Block 2","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
 ["|Samples Block 3","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
];

Each .js file must contain menuItems variable for the submenu in the following format:

  var tmenuItems = [
[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],];

Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.For example:

  var tmenuItems = [
["Home","testlink.htm", "", "", "", "Home Page Tip", "", "", "", "", ],
["Product Info","", "", "", "", "Product Info Tip", "", "", "", "data-samples/data-ajax2.js", ],
["Samples","", "", "", "", "Samples Tip", "", "", "", "data-samples/data-ajax4.js", ],
["Purchase","testlink.htm", "", "", "", "Purchase Tip", "", "", "", "", ],
["Support","", "", "", "", "Support Tip", "", "", "", "", ],
 ["|Write Us","mailto:[email protected]", "", "", "", "", "", "", "", "", ],
];

See more info here:
http://deluxe-tree.com/ajax-menu-loading-sample.html
Buy Now!   ::  Free Trial Download   ::  More Info