Vertical Menu Indexhibit by Deluxe-Menu.com
Vertical Menu Indexhibit

Template:

iPhone 1 Template - Cascading Drop Down Menu






    - Status string shows item labels
    - Transition #14 - "fade out" effect
    - Image arrows
    - Submenus automatically scrolls
    - Items with icons
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Horizontal or vertical orientation
    - Search feature - add the search area in the menu and type symbols.




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

Menu Screenshots

Vertical Menu Indexhibit Horizontal Pulldown Menu

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical menu indexhibit menus easily and in no time
  • Sensible menu parameters for manual editing
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!
Make Menu Style In Java Script Vertical Menu Indexhibit
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical menu indexhibit 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
Cost Effective



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: How do you change the back ground color of the menu?
menuBackColor just changes the pull down background.
I'm stuck with a blue background which i guess is the default.

I've looked at the parameters page for info, tried a few different items but none worked for changing the background.

I'm sure its something very obvious, but any help would be appreciated.

A: Please, don't forget to change also item background colors:

  var itemBackColor = ["color", "color"];



Q: I can not figure out why my submenus are not opening next to the javascript menu horizontal? I have included a picture so you can see what I am talking about. When I am in the turner program they pop up just fine but on my website they don't.

A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute; TOP: 0px"

to the

<div id=div_name>

So, you'll have:

<DIV id=div_name style="POSITION: absolute; TOP: 0px">
Try that.



Q: Is there a parameter in Tree Menu I can add and/or adjust in data.js toforce the menu text to wrap and add here to a set menu width?


A: You should use
tags, for example:

  var tmenuItems = [
["line 1
line 2"],
];

Width of the menu you can set so:
  var tmenuWidth = "500px";
Try that.

Try to specify units in "px".
  var tmenuWidth = "182px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

You should set this parameter:
  var tmenuHeight = "auto";



Q: I need to include background images for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.

Your solution refers to creating absolute paths using
  var pathPrefix_img = "http://domain.com/images/";

I have implemented this solution but I still think the problem persists.


A: Now you set pathPrefix parameter:
  var pathPrefix_img = "http://www.domain/folder/menudir/dataAlumni.files/";

And you have such images paths, for example:
  var arrowImageSub=["dataAlumni.files/submenuIconOff.gif","dataAlumni.files/submenuIconOn.gif"];

So you have such paths for arrows:
http://www.domain/folder/menudir/dataAlumni.files/dataAlumni.files/submenuIconOff.gif

It is not right.

You should write your paths so:
  var arrowImageSub=["submenuIconOff.gif","submenuIconOn.gif"];

Please, correct it.


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