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

Template:

Cnet Style Template - Multicolumn Dhtml Menu





    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Relative/Absolute menu position
    - Several menus on one page
    - Submenus dropdown on mouseover
    - Transition #14 - "fade out" effect
    - Horizontal or vertical orientation
    - Personal CSS styles for separate menu elements
    - Status string shows item labels




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Vertical Menu Yugop Javascript Rightclick Menu

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

Features

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
Java Menu Navigation Tutorial Vertical Menu Yugop
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
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have been playing around with the demo version 2.4 of deluxe tabs, and have a couple of questions & comments:

Deluxe Tabs appears to not work at all on Windows Vista machines running Internet Explorer. This includes for example that the content in the dhtml tabs simply does not appear. Is there a fix for this?

Just want to make sure I can resolve these issues before making a purchase.

A: Try to use the latest version of Deluxe Tabs v3.2.9.

Try to delete height: 0%; parameter from the styles:

<div id="content1" style="height: 0%; visibility: hidden;" class="tabPage">

So you'll have:

<div id="content1" style="visibility: hidden;" class="tabPage">

Q: How do I center a menu item inthe drop down menu example?

A: Try to use the following parameter:

  var itemAlignTop="center";

Q: From your website, I see that you are able to populate a menu through ASP/VB, but I have not been able to figure out how this is done.
How exactly do you use an ASP script to generate the menu items for the dynamic menu?

A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

Unfortunately we don't have examples with ASP and SQL.
The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html




Q: I have some problems with Deluxe Tree.
I have set the   var tlevelDX to 5 to decrease the indent for each level of items, but would like to decrease the indent even more. Ican't find the parameter that will set the indent in pixels of thefirst level item.

Also, is there a setting that will put text for a menu item on a second line?

I hope that you can help.


A: You can make the smallest indent this way:
  var tlevelDX = 0;
You are not able to have more little indent. This place is reservedfor + buttons.

Try to set this parameter:

  var tnoWrap=0;

You can also use <br> tags in the item text, for example:

  var tmenuItems = [
["line 1<br>line 2"],
];


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