Html Vertical Slide Submenu by Deluxe-Menu.com
Html Vertical Slide Submenu

Template:

Space Menu Template - Simple Dropdown Menu






    - Submenus automatically scrolls
    - Filters and Transitional effects
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus go over all page objects
    - Personal CSS styles for separate menu elements
    - Horizontal or vertical orientation
    - Submenus dropdown on mouseover
    - Sound support!




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

Menu Screenshots

Html Vertical Slide Submenu Javascript Popup Men C Bc

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

Features

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!
Cost Effective
Horizontal Slide In Menu Html Vertical Slide Submenu
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
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I purchased your product yesterday and was quite impressed, but I am having a bit of aproblem with my submenuitems. In the general menu properties there is a "Global" vartitemHeight = 22; My problem is that I would like my upper level of my dhtml tree to have one itemheight and my submenuitems to have a smaller height.Is this possible?


A: In the XP Style
  var tXPStyle=1;
the item's height for the top items and submenus will be different.

If you want to use
  var tXPStyle=0;

you can set ite's height for the submenus:
  var titemHeight=16;

And for other items use the blank icon with the height you want to have for the upper
level of your menu items.


Q: Looking at the tab menu code below, am I right in guessing what the first 6 parameters are, and can you tell me what the last 3 are forplease?

  var bmenuItems = [

["-","", "", "", "", "", "", "", "", ],

["Title","...link.asp", "iconNormal", "iconMouseOver","iconSelected", "tootip", "?", "?", "?", ],

["-","", "", "", "", "", "", "", "", ],
];


A:   var bmenuItems = [

[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],

[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],
...
];

so it's a item_style, the last two are reserved and not used.

http://deluxe-tabs.com/product-info/?individual-item-styles



Q: IHow can i make that the background-color will be standing behind the click in this part of dhtml menu slide?


A: Deluxe Menu has only two states normal and mouseover, but
you can highlight menu items by default in two ways:

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 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.

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

Q: I was trying to work out how to set the target for a link in html tab menu

A: No,unfortunately it is not possible in Deluxe Tabs now.

But you can write your links in the following way:

["Item 1","javascript:window.open('http://www.google.com','_blank','height=600,width=800,status=yes,toolbar=no,
menubar=no,location=no');", "", "", "", "", "", "", "", ],
["Item 2","javascript:window.open('http://www.deluxe-menu.com','_self');", "", "", "", "", "", "", "", ],



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