Menu Popup Window Div Brigen News by Deluxe-Menu.com
Menu Popup Window Div Brigen News

Menu Screenshots

Menu Popup Window Div Brigen News Transparent Drop Down Menu Javascript

Features

Cost Effective
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 Tree Drag Menu Popup Window Div Brigen News
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
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: Deluxe menu v. 2 (the most recent version) -- I've triedeverything but cannot get the separator images (vertical orhorizontal) to appear. My other images appear fine, and I know theimages are where I've called them. I've tried root relative anddocument relative paths, and even set the advanced image prefixvariable, but they never appear. Can you spot what's wrong?

A related question: what I'm trying to do is to simply have a 1pxseparator between my main items (vertical) and between my sub-items(horizontal). Short of building a css mode menu, is this possibleusing your script -- if I set border=1 without any spacing, then thetwo borders between adjoining items come together and I get whatappears to be a 2px border separator. Is it possible to set margin-right=1, margin-bottom=1? This doesn't seem possible through thetuner: it appears to be border on all four sides or nothing.


A: You should see the following parameters:

//------- Separators -------
  var separatorImage=""; //--- file exists in this location
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="/assets/images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];


Q: Is there any way to call a javascript function on mouseover from a menu item?

A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];

  var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];

Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onMouseover='your_code_here'>item text</div>", "index.html"]
];



Q: I’m trying to set up Ajax dhtml menu tree script but it doesn’t work..

A: To enable AJAX Tree Menu use the following menu parameters:

  var tajax=1;

Then set your menu in such way:

  var tmenuItems = [
["Deluxe Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "", "data-samples/data-ajax5.js", ],
["+Samples Gallery","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
 ["|Samples Block 1","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
 ["|Samples Block 2","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
 ["|Samples Block 3","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
];

Each .js file must contain menuItems variable for the submenu in the following format:

  var tmenuItems = [
[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],];

Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.For example:

  var tmenuItems = [
["Home","testlink.htm", "", "", "", "Home Page Tip", "", "", "", "", ],
["Product Info","", "", "", "", "Product Info Tip", "", "", "", "data-samples/data-ajax2.js", ],
["Samples","", "", "", "", "Samples Tip", "", "", "", "data-samples/data-ajax4.js", ],
["Purchase","testlink.htm", "", "", "", "Purchase Tip", "", "", "", "", ],
["Support","", "", "", "", "Support Tip", "", "", "", "", ],
 ["|Write Us","mailto:[email protected]", "", "", "", "", "", "", "", "", ],
];

See more info here:
http://deluxe-tree.com/ajax-menu-loading-sample.html

Q: I need the sub menu to be vertical with the text on top of each other instead of horizontal way as as I have now on my website.
I have tried to change the smWidth & smHeight in the Dimension category but it shows no changes.

A: Please, see menu parameters.
You should set this parameter:

  var smOrientation=0;