Menu Vertical Jquery by Deluxe-Menu.com
Menu Vertical Jquery

Menu Screenshots

Menu Vertical Jquery Xp Style Dhtml

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu vertical jquery samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Javascript Navi Samples Menu Vertical Jquery
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: Does your menu have the ability to have small text boxes on it?
For example the search box on your main page under your logo.


A: You can use any html code within item text, for example:

  var menuItems = [
["<input type=text value='field'>text", ],
];

Try that.


Q: I am attempting to install a menu I've created into FrontPage2003.
I read what the web site says but it didn't seem to work. Any other suggestions?

A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see: http://deluxe-menu.com/installation-info.html

That's all.
To create and configure your menus use Deluxe Tuner application
(included into the trial package): http://deluxe-menu.com/deluxe-tuner-info.html



Q: One other issue I am having if you don't mind helping. On my web site when I run the menu I get an Errors on page message with the following

Line: 16
Char: 18132
Error: Access is denied.
Code: 0
URL: http://www.site.id.au/left_frame.htm

When I run the site from my local PC with the menu, I don't get this error?
Could you possibly suggest why? I can't find anything on your site.


A: Try to check all you paths.
original setting:

  var tmenuBackImage="";
  var titemBackImage=["",""];

changed to:

  var tmenuBackImage="images/blank.gif";

  var titemBackImage=["images/blank.gif","images/blank.gif"];

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

You should set this parameter:
  var tmenuHeight = "auto";
Now you have such parameters in the menu:
   ["||24","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/24.htm", , , , , "main_frame", , , , , ],
   ["||30 Days","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/30days.htm", , , , , "main_frame", , , , , ],    ["||Battlestar Galactica","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/battlestarg.htm", , , , , "main_frame", , , , , ],
   ["||Blade","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/blade.htm", , , , , "main_frame", , , , , ],
   ["||Eureka","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/eureka.htm", , , , , "main_frame", , , , , ],
   ["||I Pity the Fool","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/ipitythefool.htm", , , , , "main_frame", , , , , ],

You cannot use local paths on your website.
Please, correct it. <
br>You should write for example:    ["||24","site.id.au/guide/24.htm", , , , , "main_frame", , , , , ],
   ["||30 Days","site.id.au/guide/30days.htm", , , , , "main_frame", , , , , ],
   ["||Battlestar Galactica","site.id.au/guide/battlestarg.htm", , , , , "main_frame", , , , , ],

Try to use also the attached engine .js files on your server.


Q: I need to be able to highlight the selected menu item of the sliding drop down menu.

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