Website Baker Menu 2 Horizontally by Deluxe-Menu.com
Website Baker Menu 2 Horizontally

Template:

Yahoo Style Template - Transparent Drop Down Menu







    - Top items and submenus have a shadow
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Items with icons
    - Status string shows item labels
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Transition #14 - "fade out" effect
    - UL/LI items structure
    - Relative/Absolute menu position




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Website Baker Menu 2 Horizontally Creating Javascript Popups With Absolute Position

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your website baker menu 2 horizontally menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Flyout Menu Css Website Baker Menu 2 Horizontally
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
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
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I can’t seem to figure out how to keep last clicked item in my java menu script marked.

I use these options:

pressedItem = -1

  var saveNavigationPath = 1;

Where and how do I determine the background color of the clicked item?

I also have this problem on Deluxe Tree.


A: The menu has only two states normal and mouseover.

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.


Q: We are using a licensed copy of Deluxe-Menu but in Internet Explorer 7.0 it displays an incorrect copyright message even though all parameters are included and the key is correct. Help! We cannot leave our web site up in this condition!


A: Deluxe Menu v2.0 works fine in IE7.

If you're using older version you should upgrade you Deluxe Menu to v2.0, please, visit thefollowing page. You can find all info about the upgrade here:

http://deluxe-menu.com/rq-css-vertical-menu-v2.0-support.html.


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: Cross-frame mode/ showByClick=1: I only want this to work on the main level javascript menu bar, not the submenus. Is there anyway to showbyclick only for the main level and then not for the submenus?

A: You can use Individual Item Styles to set showByClick parameter forthe top items only.

  var itemStyles = [
["showByClick=1"],
];



Buy Now!   ::  Free Trial Download   ::  More Info