Websitebaker Javascript Menu by Deluxe-Menu.com
Websitebaker Javascript Menu

Menu Screenshots

Websitebaker Javascript Menu Menu Navigation

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
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!
Tree Menu Icons Websitebaker Javascript Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your websitebaker javascript menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed websitebaker javascript menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I am setting up a 3 tab script and each tab opens a new page but the state of the javascript tab menu selected reverts back to the default tab.а Howdo I keep the tab selected when advancing to the next tab (new page)?

A: You should change the selected tab depending on the page you are now.

This Tabs menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem) or using any server-side script (php, asp, etc.)

Deluxe Tabs doesn't support API functions which can return theselected tab.

So, you can set "bselectedItem" parameter based on your link beforeyou call data.js file.

For example, move "bselectedItem" parameter from data.js file to yourcode.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs using server side script.



Q: I downloaded "DeLuxe Menu" and try to make a menu dynamic. I was having the impression, that every item could have it's own color. But nowhere in de program could I find how this had to be done. Every time I changed the color, weather it was under Appearance or Item Appearance, the color of the whole menu was changed.
Before I decide to buy your product, I need to know if separate coloring for the menu dynamic is possible.

A: You can create Individual Item style and assign it for the top items,for example:

  var itemStyles = [

["itemBackColor=#8080FF,#FFFF80","itemBorderWidth=1","itemBorderStyle=solid,solid", "itemBorderColor=#000080,#FF8000","showByClick=0"],//style0
["itemBackColor=##FFFFF,#000000","itemBorderWidth=1","itemBorderStyle=solid,solid", "itemBorderColor=##AA0000,#0000EE","showByClick=0"],//style1
];

  var menuItems = [

["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "1", "", "", "", "", ], //style1
 ["|Item 3","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
 ["|Item 7","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "1", "", "", "", "", ], //style1
];


Q: Will all your dhtml menu samples work cross-frame?


A: See how should you create cross frame menu:

1. To initialize the cross frame menu call dm_initFrame()
function instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.

So you should create your menu in Deluxe Tuner, save it.
Create html file with your frame set.

Set ID for the first frameset:
<FRAMESET id=frmSet rows=220,*>
<FRAME id=frame1 src="Deluxe Menu Samples_files/cross-frame-horizontal-1.htm"> //menu frame
<FRAME id=frame2 name=frame2 src="Deluxe Menu Samples_files/testlink.htm"> //content frame
</FRAMESET>

Then you should open your data file in any text editor and change
dm_init(); for example to dm_initFrame("frmSet", 0, 1, 0);

You'll find more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html



Q: I am using cross browser drop down menu and I would like to know how I can make a link which displays its target file in 2 frames at the same time.
The menu is placed on my main page and 2 other frames are placed at the same main page too. I would like to send parameters to the mentioed 2 frames from 1 menu item to 2 frames at the same time.
Is it possible?

A: You should call javascript function onClick

function openlinks()
{ window.open('testlink_1.htm','frame3');
window.open('testlink_2.htm','frame2');
}
   ["||How To Setup","javascript:openlinks()"],