Double Horizontal Menu Example by Deluxe-Menu.com
Double Horizontal Menu Example

Template:

Glossy Menu Template - DHTML Menu Navigation






    - Submenus automatically scrolls
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Hundreds of pre-designed templates
    - Personal CSS styles for separate menu elements
    - Transition #14 - "fade out" effect
    - Inactive/Disabled items
    - 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

Double Horizontal Menu Example Roll Over Drop Down Menus

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed double horizontal menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Web Menu Html Double Horizontal Menu Example
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
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm using the trial version of your product and have a question for you before purchasing:

How do I show different content when selecting the different dhtml layer menu tabs?

For example, when I use the Windows Forms tab control in VB .NET, there's more to the tab control than just the dhtml layer menu tabs themselves...there's also the "body" of each individual tab that changes when I select different tabs.
Does your product do the same?

A: You should specify any Object ID name of the DIV.

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. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" 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: The dropdown menu works perfect locally, but when hosted it doesnt seen to work, im sorry i dont completly understand what you mean when using the other parameters to make it absolute... here is the html files, and the .js files included in a zip file.


A: Now on your website you have the following code:

["Home","C:\Documents and Settings\Josh\Desktop\Josh\Alsek Website\home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","C:/Documents and Settings/Josh/Desktop/Josh/Alsek Website/Pages/LiftKits.html", , , , "iframe", , , , ],
...

On your website you're using paths to the pages situated on a localdisk. It is not right.

You can try to write
["Home","pages/home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","pages/LiftKits.html", , , , "iframe", , , , ],
...

You can also use pathPrefix_link parameter.

  var pathPrefix_link = "http://www.domain.com/";

and write

["Home","home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","pages/LiftKits.html", , , , "iframe", , , , ],


Q: Also, when viewing the webpage with the dhtml list menu, my browser tells me that it is blocking scripts and ActiveX applications. I have to override it. Is there a way to prevent this so my customers don't get this message, or will it go away when I post it to my domain?

A: You should adjust your browser settings.

Tools/Internet Options/Advanced Options/

and set
"Allow active content from files to run on My Computer".

There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.



Q: How can I set the padding for the dhtml horizontal menu text at the top? I want more padding on the left of the text but I don't want it centered.

A: You can set bigger left padding for your Submenu Style, for example:

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 25px"],
];

itemPadding=0px 5px 0px 25px
                  top right bottom left

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