Websitebaker Menu by Deluxe-Menu.com
Websitebaker Menu

Menu Screenshots

Websitebaker Menu Sample Website Menu

Features

Cost Effective
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
Javascript Hide Buttons Websitebaker Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your websitebaker menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed websitebaker menu 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

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Two questions. First I get a "Error! Skin Load!" popup when my onmouseover popup window loads.
I see references to "skin.js". Is this supposed to be generated?

Secondly.

I am being really dense. I would like to use Deluxe Popup Windows in response to a mouse click on a picture. So far with deluxe Menu, I just put a statement like this:

<script type="text/javascript" src="rvmonitor.js"></script>
where I wanted the menu to show up. The web page loads and the Deluxe Menu displays.

I have managed to make the onmouseover popup window appear by using that code, the web page loads and the popup loads (with the skin error).

I know how to get a larger picture from a smaller one like this:

<a href="../images/Tige/CabinetMod/Tige_CabinetMod04.JPG">
<img class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasketmount">></a>

I just don't know how to put the rvmonitor.js into the <a href...></a> function. Could I have a simple example?

A: See, to install Deluxe Popup Window you should call two .js files onyour page:

<head>
...
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script> //engine file
</head>
<body>
...
<script type="text/javascript" src="deluxe-popup-window.js"></script> //data file
...
</body>

Copy deluxe-popup-window.files folder and deluxe-popup-window.js fileinto the same folder with your html page.

To open your window on mouse click you should do the following things:

<a title="Click to open the window" href="javascript:;"onclick="deluxePopupWindow.open('win', '<img class=\'border0\'src=\'../images/Tige/CabinetMod/Tige_CabinetMod04.JPG\' alt=\'Gasketmount\'>', 'Full Image', 'width=180,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite')"><imgmount\'>class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasket mount"></a>.


Q: Am I under the correct assumption that if the inner menu item text expands past the ItemWidth or MenuWidth (being that the Width is set -- eg 150px), that the javascript menu div width will expand past it's boundaries instead of wrapping the text? (eg. A text like "Please Make this Wrap instead of expand the width boundary" seems to expand the container's width rather than wrap)

A: There are 2 ways to do that:

1. set

  var noWrap=0;

2. use <br> tags, for example:

  var menuItems = [
["line 1<br>line 2"],
];



Q: How change the color of the link in the dhtml vertical menu if the link is already visited.

A: Deluxe Menu has only two states normal and mouseover,
butyou can highlight menu items in two ways:

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<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>
<script type="text/javascript"<  var pressedItem=3;</script>

...<script type="text/javascript" src="menudir/data.js"></script>
You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html



Q: Is it possible to insert an item at the top of the submenu in the html popup menu?

A: To insert item in the specific position you should use the following function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)

Adds the new item to a submenu.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0. See more info about indexes here.
iParams = [array] - the array of item parameters.
Pos - the position in the menu where you want to add new item.

More info you'll find here:
http://deluxe-menu.com/functions-info.html