Java Expanding Vertical Menu Tutorial by Deluxe-Menu.com
Java Expanding Vertical Menu Tutorial

Template:

Grey Menu Template - Horizontal Dhtml Menu

 









    - Several menus on one page
    - Submenus dropdown on mouseover
    - Unlimited number of sub levels
    - Transition #14 - "fade out" effect
    - 85% transparency for sub menus
    - Items with icons
    - Search feature - add the search area in the menu and type symbols.
    - Text aligned to left




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

Menu Screenshots

Java Expanding Vertical Menu Tutorial Java Popupmenu Tutorial

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

Features

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
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
Collapsible Menu With Flyout Java Expanding Vertical Menu Tutorial
Easy Setup
  • De Luxe Tuner. GUI interface to create your java expanding vertical menu tutorial menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed java expanding vertical menu tutorial 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!



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

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Can a drop down menu go over a Flash and be transparent?Let me know.

A: Yes, it is possible.
To set transparence for submenus you should set the followingparameter:

  var transparency="70";



Q: I have seen a certain menu effect on a few websites and have so far been unable to reproduce it in simply HTML/CSS. Today I saw the effect on a website, looked at the source code and it appears they are using some of your code.

I have a fairly typical screen layout with a menu bar on the left hand 10% of the screen and the main screen content on the right 90%. Some of my screens get very long, so that when you scroll all the way down to the bottom, the menu is left way up off screen. I would like the menu block to move down so that it is always a certain number of pixels below the top of the viewed screen, not the absolute top of the page. Is this something your software does? If so, which one of your products?


A: You can create such menu with Deluxe Menu.
You should use floatable menu, so you can always see the menu.
But to use the floatable feature

  var floatable=1;

you should use the absolute position for the menu

  var absolutePos=1;
  var posX="10";
  var posY="10";

Please, try the trial version of the menu.


Q: Is it possible to use more than one Menu in one Site, for example with

<script type="text/javascript">  var dmWorkPath1 = "menue/produkt.files/";</script>
<script type="text/javascript" src="menue/produkt.files/dmenu.js"></script>
<script type="text/javascript">  var dmWorkPath2 = "menue/navigation.files/";</script>
<script type="text/javascript" src="menue/navigation.files/dmenu.js"></script>

unfortunately this syntax doesnґt work


A: You can use as many menus as you want on the one page.

But you should call dmWorkPath parameter and dmenu.js file only onceon the one page.

You cannot write dmWorkPath1 and dmWorkPath2. Youir menu won't workcorrectly in that case.

You should write
<!-- 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) 2007, http://deluxe-menu.com -->

and call several data files:
<script type="text/javascript" src="menudir/data1.js"></script>
...
<script type="text/javascript" src="menudir/data2.js"></script>
...
<script type="text/javascript" src="menudir/data3.js"></script>


Q: Hello, I very much like your components and will most likely buy one or more (or all!) of them for multi domain use after evaluating, I am however finding a problem with the Deluxe Popup javascript menu windows when it contains Flash content and I am resizing the window in IE6 or IE7, is this a known issue? Do you need an example of what I am referring to? We intend to use a lot of Flash content inside the windows so this is a big issue I need to resolve or workaround somehow, it seems fine in other browsers however.

Also do you have examples of how a window can be manipulated after creation, for example altering its position, width/height, window title and content etc with JS? Such an example would probably save me time evaluating.

A: To overlap your flash file you should add opaque parametersto your flash, for example:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="566" height="250" title="Intro">
<param name="movie" value="/includes/banner_final3d.swf" />
<param name="wmode" value="opaque">
<param name="quality" value="high" />
<embed src="/includes/banner_final3d.swf" quality="high" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="566" height="250"></embed>
</object>

You can find more info about menu parameters on our website:
http://www.deluxepopupwindow.com/parameters.html

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