Menu Dynamique Vertical Javascript by Deluxe-Menu.com
Menu Dynamique Vertical Javascript

Template:

Digg Style Template - Dhtml Navigation Menu

 Website Title







    - Cross-frame support - menus work on frameset-based pages
    - Filters and Transitional effects
    - Relative/Absolute menu position
    - Items with icons
    - Image arrows
    - Inactive/Disabled items
    - Status string shows item labels
    - Top items and submenus have a shadow




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

Menu Screenshots

Menu Dynamique Vertical Javascript Javascript Drop Down Netscape

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu dynamique vertical javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Website Navigation Bars Menu Dynamique Vertical Javascript
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!
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 menu dynamique vertical javascript menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm having difficulty understanding how to set up css drop down menus. The differences between menuStyles, itemStyles, CSS and CSSText is very unclear, and doesn't seem to be well documented.

Do you have any better documentation or writeup on using this feature?

A: No, unfortunately we don't have additional documentation. You can findall info on our site.

We have several examples of the menus using css.

You should set   var cssStyle=1; parameter and then assign your stylesto the items.

  var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.

  var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.

  var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.

It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.



Q: Hi, just a quick question, is it possible to change which tab is displayed when the page is first rendered.

For instance, if you have 4 tabs, going right to left, can you load the css menu tabs with the second tab being displayed first?


A: See, if you use Tab Mode
  var tabMode = 1;

  var bselectedItem = 0; //main items
  var bselectedSmItem = -1; //submenus

If you use
  var tabMode = 0;
  var bselectedItem = 0;

See, the ID of the item starts with 0.

So, if you use TabMode (  var tabMode=1;):

  var bselectedItem = 4;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4 // selected tab
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12

If you use tabs (  var tabMode=0;):

  var bselectedItem = 2;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4


Q: We are using the javascript drop down menu code to create an external link. The absolute path is recognised but it does not work. At the bottom of the page the browser displays an "error on page" message and nothing happens.

A: Now you have

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


The second call for dmWorkPath is incorrect. Delete it. So you'llhave:

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

Your menu will work correctly.



Q: Easy drop down menu goes underneath our search control..
I have already set dmObjectsCheck to 1 but it still doesn't work.
In the live version there's aslideshow at the top of the home page (and other pages)
and the menu alsorenders underneath these.

A: Try to set the following parameter:

  var useIFRAME=1;

You can find more information about objects-overlapping here:
http://deluxe-menu.com/objects-overlapping-sample.html


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