Script Menu Float Across Page by Deluxe-Menu.com
Script Menu Float Across Page

Menu Screenshots

Script Menu Float Across Page Javascript Drop Down Country

Features

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
Cost Effective
Vertical Menu Tutorial Script Menu Float Across Page
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your script menu float across page menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I have a question regarding your java dropdown menu. I am evaluating them in order to assess their functionality.

My menu will often have many items, say 100 or so. I would like them to display horizontally, like a grid so they are all visible on one page. Also, they should run alphabetically down each column, then to the next column like a telephone book, not across.

Is this possible with your java dropdown menu?

A: Yes, it's possible, please see an example:

http://deluxe-menu.com/multicolumn-menu-sample.html



Q: I tried the following for subitem and it worked but not working with the "Title item" (Group or header item), is there a way to process onclick for the title item? Thanks again.

You're able to use Javascript for each item, for example:
  var tmenuitems = [
["item text", "javascript:your_code_here"]
];

A: Unfortunately, title items doesn't allow to use Javascript in the sameway.
But you can do the following:

  var tmenuitems = [
["<div onclick='your_code_here'>title text</div>"]
];



Q: I am intersted in a horizontal drop down menu.

I need the rollover and selected color of each section in the onmouseover drop down menu to be a different color.

Here is my scenario

link1 link2 link3
All links are white.
On rollover, link1 turns red, and the drop down below is red (if possible can each individual link in the the dropdown rollover to a diffrent color, say pink?)
When you click a link in the link1 dropdown, and go to that page, link1 will now be red (highlighted) while on that page, and link2 and link3 are still white.

Now, On rollover, link2 turns blue, and the drop down below is blue(if possible can each individual link in the the dropdown rollover to a diffrent color, say light blue?)
When you click a link in the link2 dropdown, and go to that page, link2 will now be blue, and link2 and link3 are still white. I also need the flyout menus to be able to be different widths. Say the drop down menu under link1 has short links, then it only needs to be 100 pixels wide. If the sublinks under link 2 are longer, its dropdown menu might need to be 200 pixels wide. In other words, the flyout width needs to be flexible to fit the length of the text in the link.
I have tried other programs, but have found none that can do this. The problem seems to be they cant have different width flyout menus (often this is the case if they are css based).
OR
It is not possible to show a 'up' or highlighted color on a main link when you are on a page that is a sublink)

Does this make sense, and is it possible with your builder?

A: Yes, you can create such a menu using Deluxe Menu.

To use different font colors for the main items you should useIndividual Item styles. And to cerate different color and differentwidth of the submenus you should use Individual Item/Submenu styles.

See the attached example.zip. See how you should use styles.

> I also need the flyout menus to be able to be different widths.
Actually the submenu width is depend on the item's size. You can alsowrap item's text. Set   var noWrap=0; or use standard <br> tagsinside items' text:

 ["|very long text <br> in Item 14","", "", "", "", "", "3", "1", "", "", "", ],

You can set exact width for each submenu using IndividualSubmenu Styles.

> When you click a link in the link1 dropdown, and go to that
> page, link1 will now be red (highlighted) while on that page, and
> link2 and link3 are still white.
You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Deluxe 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">onmouseover drop down 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: I want tree view menu to be in expande state mode, how can I do this? Also, same goes for all the other menus depending which link I click.

A: You can try to to call the following function/functions to expand/highlight items, for example:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html

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