Websitebaker Menu by Deluxe-Menu.com
Websitebaker Menu

Menu Screenshots

Websitebaker Menu Down Menus In Javascript

Features

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
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
Menu Javascript Source Websitebaker Menu
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 websitebaker 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 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.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding 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: I am facing problem with deluxe tab. When a first level jscript tab is selected, sub tab of that tab should be in selected mode.

I need to change text color of "New contact" (sub tab) in selected mode to black.

A: Unfortunately Deluxe Tabs doesn't have such a feature now.

You use main tabs to show sub-tabs and click on sub-tabs to show their content or openlinks.

On the initial page load you can set the selected item and submenu item using thefollowing parameters:

  var bselectedItem=1;
  var bselectedSmItem=2;


Q: I worked up some menus on my local machine and they work fine I want to push them to my server.
When I do, I don't see the menu that I saw on my local machine.
Instead, I see a hypertext link with a word that I used in one menu. What could be wrong?
Do I have to chmod the JS file? Do I have it mapped wrong. Is it because I am using a demo version?


A: Demo version of the menu has full functionality.
I can't find the call of dmenu.js file on deluxe-menu.htm and dmenu.js file in the "deluxe-menu_files" folder.
Please, upload this file on your server.

More info about the installation of the menu you can find here:

http://deluxe-menu.com/installation-info.html


Q: I am trying to use the Drop Down Menu in a perl script. I would like to know if this is possible?


A: You can use javascript menu in a perl script. Please, see the examplebelow.
------------------ begin program
#!/usr/bin/perl
#!c:\perl\bin\perl

use CGI; # CGI library
use DBI; # Database library
print "Content-Type: text/html\n\n";

use CGI::Carp qw(fatalsToBrowser);
print '<head>
<!-- Deluxe Menu -->
<noscript><a href=http://deluxe-menu.com/>Javascript Menu byDeluxe-Menu.com</a></noscript>
<script type="text/javascript" language="JavaScript1.2">  var dmWorkPath ="menudir/";</script>
<script type="text/javascript" language="JavaScript1.2" src="menudir/dmenu.js"></script>
<!-- (c) 2005, http://deluxe-menu.com --> </head>';

print "<table>";
print '<tr><td><script type="text/javascript" language="JavaScript1.2" src="menudir/data-deluxe-menu.js"></script></td></tr>';
print '<tr><td>second line</td></tr>';
print '</table>';

exit;

_______________________ end program


Q: You have been great help, but this will not work for me. All I want is the dropdown menu javascript I have attached to have these colors on the seperate top items. I just cannot make the software work . As soon as I get this done I promise to leave you alone

#0000ff Find Out Who We Are
#FF00FF Apply for a Fellowship
#00ffff Fellow'sCorner
#00ff00 Enroll in a Course
#FFFF00 Engage in a Discussion
#FF0000 Read the Bulletin

A: You should create 6 Individual Styles and assign them to you topitems.

  var itemStyles = [
["itemBackColor=#0000ff,#0000ff","showByClick=0"], //style 0
["itemBackColor=#FF00FF,#FF00FF","showByClick=0"], //style 1
["itemBackColor=#00ffff,#00ffff","showByClick=0"], //style 2
["itemBackColor=#00ff00,#00ff00","showByClick=0"], //style 3
["itemBackColor=#FFFF00,#FFFF00","showByClick=0"], //style 4
["itemBackColor=#FF0000,#FF0000","showByClick=0"], //style 5
];

["Find out Who we are","http://www.humanscience.org/", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Apply For Fellowship","http://www.humanscience.org/infoSnippets.cfm", "", "", "", "_blank", "1", "", "", "", "", ], //style 1
["Fellows Corner","", "", "", "", "", "2", "", "", "", "", ], //style 2
["Enroll in a course","", "", "", "", "", "3", "", "", "", "", ], //style 3
["Engage in a discussion","", "", "", "", "", "4", "", "", "", "", ], //style 4
["Read The Bulletin","", "", "", "", "", "5", "", "", "", "", ], //style 5

You can also set
  var itemSpacing=0;
to delete spacing around the dropdown menu javascript.