Javascript Positioning by Deluxe-Menu.com
Javascript Positioning

Menu Screenshots

Javascript Positioning Menu System

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 javascript positioning menus easily and in no time
  • Sensible menu parameters for manual editing
Html Javascript Drop Down Menu Vertical Style Javascript Positioning
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript positioning 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.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: I downloaded the trial version of Deluxe Tuner and love the menus it makes. I'm havinga major problem centering the expandable menu in a table. I'm using FrontPage 2002 but added thescript into the page via notepad. No matter what I try, the expandable menu stays on the left ofthe table. Do you have any suggestions? I'm sure you must have a list of problemsassociated with FrontPage. Can you please help me?


A: To center the menu on your html page you should set the followingparameter and install the menu in the following way:

  var absolutePos=0;

<div align=center>
<script type="text/javascript" src="deluxe-menu/dmenu.js"></script>
</div>

<table width=800>
<tr>
<td align=center width=600><script type="text/javascript"
src="data/data.js"></script></td>
</tr>
</table>


Q: I am evaluating De Luxe menu. We perhaps like to become OEM distributor.

But I have a question.
In a website i would like to align 3 menu items to the left of the page and the other items to the right.
The 3 items to the left have a different style. But all have a fixed width.

I tried to define a spacer between the items but this didn't work out.

<script type="text/javascript"
src="/webos_net/dmenu/data.js"></script><script
type="text/javascript">
  var menuItems = [
["Website","/webos_net/default2.aspx?site=website",,,"","_top","0"],
["MyNorma","/webos_net/default2.aspx?site=mynorma",,,"","_top","0"],
["BackOffice","/webos_net/default2.aspx?site=portal",,,"","_top","1"],
["          ","/webos_net/default2.aspx",,,"spacer","","2"],
["Zoek","",,,"",'main','3'],
["Stamgegevens","",,,"",'main','3'],
["Repartitie","",,,"",'main','3'],
["Beheer","",,,"",'main','3'],
]
dm_init();

I also defined itemstyles:

  var itemStyles = [
//hoofdmenu
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444"],
//hoofdmenu selected
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444","itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"],
//spacer
["itemWidth=100%"],
//default menu
["itemWidth=100pt"],
];

Can you provide a java menu samples which shows left and right alignment of menu items is possible?

A: Unfortunately it is not correctly to write
["itemWidth=100%"],
in Individual Styles. It won't work. You can set the exact width forthis space, for example:

  var itemStyles = [
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg,/images/topmenu1bg.jpg", "fontColor=#444444,#444444","showByClick=0"],
["itemWidth=50pt","itemBackImage=/images/topmenu1bg.jpg","fontColor=#444444,#444444", "itemBorderWidth=2","itemBorderColor=#ff0000,#ff0000"],
["itemWidth=220px","itemBackColor=transparent,transparent","itemBorderWidth=0", "itemBorderStyle=none,","showByClick=0"],
["itemWidth=100pt"],
];
  var menuStyles = [
];

  var menuItems = [

["Website","/webos_net/default2.aspx?site=website", "", "", "", "_top", "0", "", "", "", "", ],
["MyNorma","/webos_net/default2.aspx?site=mynorma", "", "", "", "_top", "0", "", "", "", "", ],
["BackOffice","/webos_net/default2.aspx?site=portal", "", "", "", "_top", "1", "", "", "", "", ],
["          ","", "", "", "spacer", "", "2", "", "", "", "", ],
["Zoek","", "", "", "", "main", "3", "", "", "", "", ],
["Stamgegevens","", "", "", "", "main", "3", "", "", "", "", ],
["Repartitie","", "", "", "", "main", "3", "", "", "", "", ],
["Beheer","", "", "", "", "main", "3", "", "", "", "", ],
];



Q: One more doubt, How can I mention the Text font style like BOLD, Italic..... in javascript pop up menu?


A: You can set your font size in Deluxe Tuner.

//--- Font
  var fontStyle="bold 11px Arial";
  var fontColor=["#000000","#FFFFFF"];


Q: Your product seems to have menus draw only in a fixed 'hardcoded' direction ( opens either left or right )

is it possible to customize so that it is "self-aware" of the client browser window size...

"if there's room draw to the right, if not, open the menu to the left..."


A: You can see your submenus in any case.
They won't drop down out of the browser window.
Please, check it.

More info about the ways of showing submenus you can find here:

http://deluxe-menu.com/ways-showing-submenus-sample.html