Codigo Menu Desplegable Vertical Javascript by Deluxe-Menu.com
Codigo Menu Desplegable Vertical Javascript

Template:

iPhone 2 Template - Sliding Dhtml Menu






    - Relative/Absolute menu position
    - Items with icons
    - Inactive/Disabled items
    - Personal CSS styles for separate menu elements
    - Text aligned to left
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Horizontal or vertical orientation
    - 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

Codigo Menu Desplegable Vertical Javascript Dropdown Menu With Dhtml

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

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your codigo menu desplegable vertical javascript menus easily and in no time
  • Sensible menu parameters for manual editing
Collapsible Menu Codigo Menu Desplegable Vertical Javascript
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
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



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

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: Is there a javascript API for the expandable menu tree to fire an user click event so the browser will load proper page accordingly? I looked around the current APIs from your site and could not find one.

Please advise.

A: You can use dtreet_ext_userClick (itemID) function.
See more info:

http://deluxe-tree.com/functions-info.html

Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

  var tmenuItems = [
["text", "javascript:your_code_here"]
];

or

  var tmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];


Q: I think I am almost there.
I would like to know a couple of things.

Why the menu does not float?
Why I cannot centre the menu?


A: When you use floatable menu you can't use relative menu position.
So, if you use
  var absolutePos = 0;
and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.
  var absolutePos = 1;


Q: I can’t seem to figure out how to specify the width of individual items in the website drop down menu.
I would like to specify that each menu item on the horizontal take up just 113px
regardless of the number of characters in the item.
Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style, forexample:

  var itemStyles = [
["itemWidth=113px"]
];

  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.



Q: Hi there, hope someone could help me out.

We have recently purchased your menu product, and I would like to know how I indicate on a javascript slide menu, the root node that was selected. So in other words, if I have a horizontal navigation and I select the 3rd index along the menu and select something from this, how can I make the 3rd index highlighted?

I am not sure how else to phrase this question and hope this makes sense. You help will be appreciated.

A: You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Slide Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem. You can't get this ID after you reload your page. That is why you should write your own code on PHP.



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