Vertical Menu Yugop by Deluxe-Menu.com
Vertical Menu Yugop

Menu Screenshots

Vertical Menu Yugop Dynamic Menu Using Javascript Createmenu

Features

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!
Website Menu Generator Vertical Menu Yugop
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
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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: We have problems with the japanese down css menu being seen on many Japanese computers.  It comes up with squares.
Can you advise us how we can fix that program.

A: If you are using a Japanese system then everything should render correctly.
If you are using an English system with a Japanese IME then you willneed to set the font in the Tuner to one that supports the characters you require.



Q: I created a custom error page for a site, but the menu would not display.

I found that this was due to the erroneous "current directory" in the bad link test, for a non-existent directory.

which is: level2/level3/

I changed the script code from:
<script type="text/javascript">  var dmWorkPath = "DMworkfiles/";</script>
<script type="text/javascript" src="DMworkfiles/dmenu.js"></script>

to:

<script type="text/javascript">  var dmWorkPath = "DMworkfiles/";</script>
<script type="text/javascript" src="/DMworkfiles/dmenu.js"></script>

adding the "/" before "DMworkfiles/dmenu.js" source reference allowed the .js file to be found in the root directory and the menu would display.

The problem is that the little menu "expansion" arrow .gif cannot be found in the "current working directory" of level2/level3/. just little "blanks" show.

I tried changing:
  var dmWorkPath = "DMworkfiles/";

to:
  var dmWorkPath = "/DMworkfiles/";

but that did not enable the display of the arrows.

I also had to prefix all of the links in the menu with a "/" to indicate the root directory because of the "current directory" for the bad page.

I hope I have explained the problem sufficiently.
What am I doing wrong or missing here?


A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters


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 am trying out your menu and I've made out a little test case in the attached file.

If you run it, you will see that the horizontal drop down menu css scrollsOUTSIDE the container div to the edges of the window. Is there anyway I can make the hhorizontal drop down menu css be within the container div and yet scroll?

And will the solution be cross-browser?

Note that menuDiv needs to have a collapsableDiv style. I am assuming that that is not a problem.

A: Try to set exact width for the submenu:

  var smWidth="925px";