Gallery Javascript Vertical Drag Drop by Deluxe-Menu.com
Gallery Javascript Vertical Drag Drop

Menu Screenshots

Gallery Javascript Vertical Drag Drop Creating Javascript Drop Down Navigation Menu

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your gallery javascript vertical drag drop menus easily and in no time
  • Sensible menu parameters for manual editing
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!
Disable Download Menu Web Page Gallery Javascript Vertical Drag Drop
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed gallery javascript vertical drag drop samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: I am curious why there are no font settings for "Individual Styles" for"Submenu styles".

Basically I want to have a different font and color for my submenu items so they appear differently than the normal primary Items - but it seems there is only two options for fonts:

- The global font parameters affecting all fonts (primary and sub).
- And the Individial Styles for primary Item Styles.

Why no font paramenters for Submenu Items?


A: You can assign Item Style for the submenu item too.

See the example:

  var itemStyles = [
["fontStyle=normal 13px Comic Sans MS"], //item style 0
];
  var menuStyles = [
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //item style 0
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , "0", , , ], //item style 0


Q: I was wondering if there is a way to disable links in the dhtml context menu on a page.


A: To disable your menu items you should set the following parameter to disable all items:

  var itemTarget="_";

Or you can disable items individually.

["Home","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
["Product Info","", "", "", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],

You can also use function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
function to disable items on-the-fly, for example:

dm_ext_changeItem (0, 2, 3, ["", "", "", "", "", "_", "", "", ""]);


Q: I am now ready to re-create my menu. It says to edit my data file. When I try to do that it will NOT open. It says my computer does not have the right program? What do I need?

Also, once I have created the menu in Deluxe tuner, where should I save it? In the folder where my website pages are saved? Again, I am using Yahoo sitebuilder, so I am not exactly sure where I should save it in these folders?

Furthermore, when I tried to save a file before I removed Deluxe tuner and reloaded it, It would ask me if I wanted to copy all my files? What is that and what is the purpose?

I really like the deluxe tuner and I really want to be able to utilize this to create a menu, however, if I can't figure out how to get it onto my website, I am going to be out of luck


A: > I am now ready to re-create my menu. It says to edit my data file. When I
> try to do that it will NOT open. It says my computer does not have the right
> program? What do I need?
You should open your data file with the menu in any text editor andadd your reg. key.
Try that.

> Also, once I have created the menu in Deluxe tuner, where should I save it?
You can save your data file in any place and then copy to the rightplace.> Furthermore, when I tried to save a file before I removed Deluxe tuner and
> reloaded it, It would ask me if I wanted to copy all my files? What is that
> and what is the purpose?

If you click yes, Deluxe Tuner save also all engine .js files and allyour images into "data.files/" folder.

You can also click Export->To HTML.
So you'll have html page with your menu and folder with engine .jsfiles and images.

So you should to do the following things:
1. open your page in Yahoo's SiteBuilder
2. open generated with Deluxe Tuner html source code of the page in anytext editor
3. copy such lines from html source code


<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>


and add them in you <head> tag.

Then find such line, for example:

<script type="text/javascript" src="data.files/data.js"></script>

and add it in you <body> tag in the place where you want to have themenu. For example, you can paste it in <table> or <div> tag:

<table>
<tr><td><script type="text/javascript" src="data.files/data.js"></script></td></tr>
</table>

or
<div align=center>
<script type="text/javascript" src="data.files/data.js"></script>
</div>

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

You should also copy "data.files/" folder in the right place. In thefolder where you have you index.html page, created in Yahoo'sSiteBuilder.


Q: I am using your javascript menu over. I have had a report today that the menu is problematic with IE8. As follows:

"A bit more of a concern is in IE8 where the menu does not function correctly in general at all. When you hover over the menu text the sub menu appears, but when you move your mouse across to select an item off the sub menu it closes. "

Are you able to confirm and rectify his problem?

A: Yes, our menu has some problems with IE8, because IE8 is a betaversion and has just a part of future functionality, for exampleit still doesn't have filters.

We're planning to add the full support for IE8as well as for all major browsers.
All issues will be fixed with final version of IE8.