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

Template:






    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus automatically scrolls
    - Status string shows item labels
    - Top items and submenus have a shadow
    - Submenus go over all page objects
    - Sound support!
    - Items with icons
    - Several menus on one page




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

Menu Screenshots

Javascript Menu Vertical Slider Drag And Drop Effect In Internet Explorer

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu vertical slider menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Dhtml Menus Across Frames Javascript Menu Vertical Slider
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu vertical slider samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • 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: It works great in IE, but doesn't work in Firefox.


A: Please, try to specify units in "px".

For example:
  var itemPadding = "3px";
Try that.


Q: Thanks, we tried giving   var pressedItem=0; and the script as below:

<script type="text/javascript">
onload=setPressed;
function setPressed()
{
dm_ext_setPressedItem (0,8,0,0);
}
</script>

We are facing 2 problems

1) Two menus are getting highlighted, the "Home" and the dynamic html menu which is called onLoad using dm_ext_setPressedItem (0,8,0,0); function)

2) The submenu of the dm_ext_setPressedItem (0,8,0,0) is not getting highlighted.

A: Try to set
  var pressedItem=-2;

dm_ext_setPressedItem function has a following parameters:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)

So, if you want to highlight item in the submenu you should use itemInd of this item (notitemInd of the parent item).

For example you want to highlight submenu item of the 'Manage Users' parent item with
itemInd=15.
You can find more info about dynamic html menu indexes here:
http://deluxe-menu.com/highlighted-items-sample.html#ind

So you should write the function in the following way:
dm_ext_setPressedItem (0, 3, 15, 1, 1)

menuInd = 0 if you have only one menu on the page
submenuInd = 3, see how to determine submenuInd in the table

http://deluxe-menu.com/highlighted-items-sample.html#ind
itemInd = 15, see how to determine itemInd in the table

http://deluxe-menu.com/highlighted-items-sample.html#ind
recursion = 1, to highlight parent items
parentOpen = 1, to open the submenu with the selected item.

Q: I have a client that wants a menu bar with all the buttons the same length.
What code might I need to do that

A: You should use individual item styles (you can create it in Deluxe Tuner application). For example:

  var itemStyles = [
["itemWidth=110px"], // 0 - number of the style

  var menuItems = [

["Home","testlink.html", , , , , "0", , , ], // 0 - style 0
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], // 0 - style 0
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],

.........


Q: I have created aKaspersky menu, but the links don't work.


A: See, you can use links if you have
  var tabMode=1;
only.

If you have
  var tabMode=0;

You should use the ID of the DIV.

But you can try to open your pages using different targets in thefollowing way

["tab text", "javascript: window.open('test.html', 'frameName')", ...],
["tab text", "javascript: window.open('test.html', '_self')", ...],
["tab text", "javascript: window.open('test.html', '_blank')", ...],

Where frameName - the name of the frame where to open the page test.html.

Using this method you can create Deluxe Tabs in  var tabMode=0; and   var tabMode=1;


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