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

Menu Screenshots

Vertical Menu Yugop Html Cascade Menu Code

Features

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
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!
Navigation Pull Down Menu Submenu Vertical Menu Yugop
Cost Effective
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
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: There's a 1 pixel white padding around the css drop down menu that I'm trying to remove.

Is it a padding setting -- a margin setting -- a div setting?

A: This is a shadow.

Set the following parameter:

  var shadowTop=0;



Q: I am having an issue using Deluxe Menu with Netscape 7 and cross-frame support across domains. Everything works fine in IE however when I mouse over the top menus they do not adjust the size of the frame when looking at a page from another domain with Netscape. I have checked, and the submenus do appear when I increase the size of the top frame. How do I get the menu to function the same in Netscape or have it function like it does when it’s all in the same domain?


A: The menu will work correctly in the cross-frame mode if you load pages into the sub frame from the same domain.
If you load pages from another domain submenus won't be shown in the subframe - they will be shown in the frame with the top-menu.
It's caused by a security policy of browsers - a script can't modify a content of pages from another domain.

More info about cross-frame mode you can find here:

http://deluxe-menu.com/cross-frame-mode-sample.html


Q: In addition, as you know commercial websites also have to comply with EU regulations regarding disabilities, and I further believe that the current menu cannot be read by screen readers for blind/partially sighted/disabled users. Could you please confirm if this is the case, or if the java pull down menu can in fact be read by screen readers?

A: Deluxe java pull down menu is 508 compliant, but we don't have the certificate at this moment.



Q: Where can I find the onClick code for the html javascript popup?

A: See you can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you've added an image in your html page. You should specify the ID for it, for example:

<p><img id="open_popup" border="0" src="images/submenu-bg.gif" width="170" height="29"></p>

So, in the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page manually. You should specify ID's - id="xxxx"for <a>, <div>, <img> ... tags.

If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",