Features

Cost Effective

Starts at just $39. Buy Now! FREE for non-commercial websites. Order Now! No-limits free trial version. Download Now!

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 Menue Websitebaker Menu Dhtml

Easy Setup

De Luxe Tuner. GUI interface to create your websitebaker menu dhtml 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

Professional Look-n-feel

Entirely customizable look-n-feel A lot of pre-designed websitebaker menu dhtml samples Hundreds of visual effects Custom CSS styles can be applied for all menu settings

2.0 Buttons by Web-Buttons.com v3.0.0

Recent Questions

Q: Do you have any working examples of a menu generated using .php from a MySQL database?

Our website is dynamic from a MySQL db and we already have categories and sub-categories. It would be useful if we could use this with our deluxe menu.

I don't know how to set this up, so any assistance would be appreciated.


A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

Q: For some reason all of the menu items are squished together when I put the js code in my page.
Is my site's CSS overriding the ones set in the menu css? If so how do I get around this?


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).
To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css

Q: It's been couple of months since I last time asked something about tree menu. I am still evaluating the software.

I have a short question. Is it possible to use CSS instead of JavaScript to tune the look and feel of the tree menu? For example I would be interested in giving menu css java item height value in relative numbers (em or %) rather than specifying a size in pixels...

A: But actually you can use 'em' and '%' units in Deluxe Tree, forexample.

  var tmenuWidth="13em";
  var tmenuHeight="12em";

  var tmenuWidth="35%";
  var tmenuHeight="15em";

Q: I'm trying out your cool dropdown menu code.

I'm trying to rebuild my menu like this one

http://deluxe-menu.com/data-templates/vista-style-3-03-template-sample.html

I have a problem. In my case, I have some really long labels and some short ones. In some cases my text is larger than the button (see attachment). In your example all the buttons have the same width. Is it possible to have a Vista styled menu with different width for the buttons?

A: See images in Vista Templates have the fixed width and height (92 x 21).

If you want to change items' width/height you should change images.

btn_cyan.gif
btn_cyan2.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

You should also change items width in your Individual Item Style.

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];

You can do it in Deluxe Tuner.