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

Menu Screenshots

Vertical Menu Yugop Java Crossframe

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical menu yugop samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Source Htmlcode Menu Example Vertical Menu Yugop
Cost Effective
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 vertical menu yugop 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.

  • 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: Is it possible to integrate simple dhtml menu tree into a framesite?

A: You should install the simple dhtml menu in a standart way inthe frame where you want to have a menu and open links in a contentframe, use the following parameter:

  var titemTarget="frame";



Q:  1) is it possible to have multiple(different) images, popup menus?

 2) Can it Automatically popup instead of Left click?
 Would you show me How?

  3) What is: menuInd - index of the javascript menu script on a page, >= 0 ?
 Could you give more explanation?

A: >  1) is it possible to have multiple(different) images, popup menus?
Yes, you can use any number of popup menus on your page.

>  2) Can it Automatically popup instead of Left click?
>  Would you show me How?
You can use onMouseOver event instead of onClick or onContextMenu events in that case.

> 3) What is: menuInd - index of the javascript menu script on a page, >= 0 ?
Each menu has ID. The ID's number starts with 0.

So, when you have several data files on your page you have such ID's:

<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script> // ID - 0 //standard menu (doesn't use popup feature)

<script type="text/javascript" language="JavaScript1.2" src="source_pop.js"></script> // ID - 1

<script type="text/javascript" language="JavaScript1.2" src="source_pop1.js"></script> // ID - 2

<script type="text/javascript" language="JavaScript1.2" src="source_pop2.js"></script> // ID - 3

<script type="text/javascript" language="JavaScript1.2" src="source_pop3.js"></script> // ID - 4

and so on.

If you want to have different Popup menus (there color, item, text,font and so on) you should create different .js files with yourparameters. And call them from your page, for example:

<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script>

<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop1.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop2.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop3.js" type=text/javascript></SCRIPT>

If you have different item text only you can use one
<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
file. But you should delete the following code:

  var menuItems = [

["Next","testlink.htm"],
["Prev","testlink.htm"],
["Close","testlink.htm"],
];

dm_init();

and move it to the html page:

<body>
...
<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<script type="text/javascript"> //first popup menu ID - 1
  var menuItems = [

["Next","testlink.htm"],
["Prev","testlink.htm"],
["Close","testlink.htm"],
];

dm_init();
</SCRIPT>
<script type="text/javascript"> //second popup menu ID - 2
  var menuItems = [

["Text","testlink.htm"],
["Text1","testlink.htm"],
["Text2","testlink.htm"],
];

dm_init();
</SCRIPT>
<script type="text/javascript"> //third popup menu ID - 3
  var menuItems = [

["New_Text","testlink.htm"],
["New_Text1","testlink.htm"],
["New_Text2","testlink.htm"],
];

dm_init();
</SCRIPT>

<script type="text/javascript"> //fourth popup menu ID - 4
  var menuItems = [

["New","testlink.htm"],
["New","testlink.htm"],
["New","testlink.htm"],
];

dm_init();
</SCRIPT>

<img src="testimage.gif" width=200 onClick="return dm_popup(1, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(2, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(3, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(4, 1000, event);" style="cursor: hand;">

</body>


Q: I now wish to dynamically change the drop down menu in html parameters. For this, I have set the following parameters:

// Dynamic Menu
  var dynamic=1;

1.Please send me the reference link for the dynamic menu commands available (for javascript).

2.Now AFTER initialization, dm_init();, I wish to change the default   var itemTarget="Sub_Main";

How do I do that??

A: You can find more info about API functions here:
http://deluxe-menu.com/functions-info.html

Unfortunately it is not possible to change drop down menu in html parameters (  var ...)after menu initialization.
So, there is no way to change
  var itemTarget="Sub_Main";

But you can change target for each item individually (targetparameter in menuItems) using dm_ext_changeItem function.

  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];



Q: I have a problem...
On some computers running IE the menu appears and works correctly, on others it doesn't appear.
There is only a line that says JavaScript Menu by Deluxe-Menu.com.
Both of these computers have the same version of IE running. I have reset the security levels back to default levels on both. Still the menu doesn't appear.
For all practical purposes both copies of IE are the same.


A: You should change your security settings in IE to allow Javascript onpages you load. In other case you can't see a dynamic page content.
There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.

You can also use Deluxe Tuner application that allows you to generate additional html code for search engine that can't parse Javascript. So, you can use menu links on browsers that doesn't have Javascript support enabled.