Javascript Menus Horizontal by Deluxe-Menu.com
Javascript Menus Horizontal

Menu Screenshots

Javascript Menus Horizontal Javascript Mouseover Menu Text

Features

Cost Effective
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
Javascript And Vertical Menu Javascript Menus Horizontal
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menus horizontal menus easily and in no time
  • Sensible menu parameters for manual editing
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



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: We are using a licenced version of your tree-menu.
Now we have a situation, where we should show the actualclicked menu position with an icon or a color for a collapse tree menu.

A: This can be found with the help of external function of tree menu.
dtreet_ext_userClick(itID, event) - this function is called when clicking a mouse button on the item.

itID - item id
event - standard structure of events generated browser
dtreet_ext_getItemParams (menuInd, itemID) - returns all item parameters.

Please visit http://deluxe-tree.com/functions-info.html for addition information.


Q: I recently upgraded to the new version. Now I am having a problem with the javascript navigation width. I have the main menu set it 98% using the Deluxe Tuner but it only shows it on my web page at about 25%. I can’t seem to get it to change. I have opened the js file and it is showing 98% but still showing at 25% on web page. I am using a floatable horizontal menu with submenus. Can you think of anywhere else I need to check/check a width setting?

A: Check that you haven't set itemWidth parameter in your styles, for example:

  var itemStyles = [
["itemWidth=150px"],
];


Q: How do I get my existing HTML code inside the rollover tabs?


A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes.
Use the following prefixes within item's link field:

"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],



Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Forum Button Creator

Javascript Pop Up Menu by Vista-Buttons.com v4.5.0 ... Create both horizontal and vertical menus and submenus with any amount of menus on one page

Phpbb Forum Css Editor : Free CSS Menu Maker

Generate Fancy CSS3 Drop Down Menus in a Few Clicks! No JavaScript, No Images, No Flash : CSS Only! ... Awards. css center horizontal menu What Does Css3 Do

Horizontal Drop-down Menu Plugin :: Forum :: Indexhibit

Can you make complete theme for indexhibit with this menu? .... with my first question...this will never work in IE6 without some javascript. ... Just been wanting a horizontal menu that opens with the hover over the

S5 Vm Accordion Menu Ie Forum Template

Demo Horizontal Mega Drop Down Menus Css Unlimited Dropdown Menu · Css Menu Vertical Onclick Cross Browser Dropdown Javascript Collapsable Menu

toolbar menu open on hover

May 30, 2009 ... Sencha - Mobile JavaScript - Ext JS, Ext GWT and Sencha Touch .... That example I gave you uses a MENU layed out horizontally instead of a

Joomla! • View topic - Extended Menu

I MAY one day release also some JavaScipt to improve user ..... The fix is only needed for the menu type "Horizontal" or "Flat List" (or max

horizontal scroll bar for drop down list box

Aug 13, 2010 ... Can I create horizontal scroll bar using javaScript for html <select> element? .... The secret to centred drop-down menus is removing the

PHP or JavaScript - Ultimate Web Site Drop Down Menu Forum

A lot of javascript menus fail to function when javascript is disabled. Not so with UDM4. Whether you use either one would be a matter of

www.wysiwygwebbuilder.com • View topic - Horizontal JavaScript

This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more. The script will automatically

FF vs IE CSS menu - horizontal layout - WebDeveloper.com

I am having some issues getting the horizontal layout of the CSS .... I put the <script> tags that housed the JS menu into a <div> tag (they

Joomla dropdown menu horizontal/vertical - jQuery Forum

(Probably this javascript has been called in template/xxl/index.php) ... Main navbar with sub menu"What's New in 1.5?" What I'd like to get

SmartMenus DHTML Menu / JavaScript Menu - Forums / Fixed Position

using Fixed Position - Horizontal Bottom-Left menu. this menu working fine. But we need sub-menu of main menu to appear horizontally

Issue with 2 level horizontal menu and jquery in IE : JavaScript Forum

Hi all, I've attached my code since I really need to finish this project so your help is greatly appreciated (I'm from a asp.net code

dropdown menu

May 21, 2009 ... The link below explains and gives you horizontal drop down menu codes. ... I'm using a jquery menu and javascript not working : menu doesn't

[html, javascript] menu dynamique

30 mars 2006 ... Mon site est composé d'un menu horizontale avec trois onglets (accueil, news, multimédia). Je voudrais que... Javascript menu déroulant

CMS Made Simple • View topic - Active parent, child: horizontal

I have a horizontal and vertical menu with separate stylesheets. ..... <script type="text/javascript" charset="ISO-8859-1"

Menu horizontal et CSS : Administration d'un site Web

bonjour, je bataille ferme pour realiser un menu horizontal en utilisant une ... oui, mais sans le java script qui affiche le sous menu

Forum Swt Menu Background Color Template - Javascript Menu Template

Forum Swt Menu Background Color demo aspnet menu horizontal keep open. Homepage Buttons? With Vista JavaScript Menu, you need just 4 simple steps to get

Horizontal drop down menu stuck on mouseover - WebDeveloper.com

Horizontal drop down menu stuck on mouseover JavaScript. ... My horizontal drop down menu is almost complete with the exception of the

Using the Toolbar as a menu

resources/css/ext-all.css" /> <script type="text/javascript" src="../. .... It should itself be a Menu. Just styled to be horizontal

Non-JavaScript horizontal menu - Mambo - Forums Closed for posting

I'm currently using the Display JSCook Menu module for a horizontal menu displayed across the top of a site I am developing

How do I put a horizontal menu on my google site? - Google Sites Help

Feb 21, 2010 ... The following is the code I tried to use for the horizontal menu bar ... <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>

Fancy Html Forum Template - Html Menu Template

Menu Bar Widget Blogspot Menu DHTML Simple Horizontal ... Multi Level Vertical Submenus Using Javascript Glass Menu For HTML Website

Need a simple CSS vertical menu - StatCounter User Forum

And yes, some popout menus like those work in IE, but not as pure CSS menus like those on www.meyerweb.com). There must be Javascript