Css Dropdown Menu Over Frame by Deluxe-Menu.com
Css Dropdown Menu Over Frame

Menu Screenshots

Css Dropdown Menu Over Frame Horizontal Javascript Menu Frames

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your css dropdown menu over frame menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Java Script Sliding Tree Menu Css Dropdown Menu Over Frame
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!
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



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: Can I move the submenu 5px to the right so it doesn’t stick to the main tree javascript hierarchical menu (Please try to separate them without a color).

A: You should set the following parameter:

  var topDX=5;



Q: I am having some difficulty dynamically adding items to a tree javascript and menu.

I have a menu with one "root" item. I see the use of the "+" symbol within the item name. I do not see any documentation regarding this symbol, only "|". Can you explain?

If I have one menu with this one "root" node, how would I add an subitem to this root node?

Here is my code so far, but the inserted items appear to be at the same level as the root node.

  var rootItem = dtreet_ext_getItemIDByIndex ( 0,0 );

  var menuItem = new Array(10);
for (   var i = 0; i < producers.length; i++ )
{
  var producer = producers[ i ];
menuItem[0] = producer.name;

dtreet_ext_insertItem ( 0, 0, i + 1, menuItem );

A: See dtreet_ext_insertItem () function has the following parameters:

function dtreet_ext_insertItem (menuInd, parentItemID, itemInd, itemParams)

Creates a new item and inserts it into a specified position.
menuInd - index of a javascript and menu on a page, >= 0.
parentItemID - ID property of an item.<, >= 0.
itemInd - index of a new item within the javascript and menu, >= 0.
itemParams - item parameters.

Notice that parentItemID is the Id property of the parent item (notindex). If you want to add top items you should set parentItemID=0.

itemInd - you should use this parameter if you want to add item in thespecific place, for example set itemInd=5 if you want to add itembefore the existing item with itemInd=5.
If you set itemInd=null the new item will be added at the end of this submenu and its index will be added automatically.



Q: I make an example of html menu, but when i use it with frameset then the menu not show completly.

Is this possible, perhaps by using a javascript call?


A: To initialize the cross frame menu you should 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.

You will find additioanal info about cross frame menu here:
http://deluxe-menu.com/cross-frame-mode-sample.html


Q: I bought the Deluxe Menu system for one website. Javascript select menu works well on all versions of IE that I tried (5,6,7)

However, the background and shadow do not render in Firefox. As a result the menu is not as attractive.
Can you help with this or am I stuck?

A: You should add Individual Item style and assign it for the top javascript select menu items:

  var itemStyles = [
["itemHeight=20px"],
];

["Home","index.shtml", "", "", "First Page", "", "0", "", "", "", "", ],
["Communication","", "", "", "", "", "0", "-1", "", "", "", ],
...

Filters and transitional effects are features of Internet Explorer5.5+ only.

See more info here:

http://www.deluxe-menu.com/filters-and-effects-sample.html