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

Template:

Orange Tabs Template - Rollover Drop Down Menu






    - Horizontal or vertical orientation
    - Inactive/Disabled items
    - Items with icons
    - Several menus on one page
    - UL/LI items structure
    - Image arrows
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.




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

Menu Screenshots

Jquery Vertical Collapsible Menu Dynamic Dropdown Menu Javascript

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

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery vertical collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing
Css Collapsible Menu Jquery Vertical Collapsible Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery vertical collapsible menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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!



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

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Click on the option "telefoonlijst" and a submenu has to pop-down… whay is this done not OVER the other object (e.e. the 'frameDESKTOP')

Click index2.htm to see the code is working when the top-frame is 120 pix large!


A: Please, see how you should install the menu in cross-frame mode:

http://deluxe-menu.com/cross-frame-mode-sample.html

Unfortunately, Deluxe Menu can work within 1 frameset only. It can't work within nested framesets.

Notice that you should add dmenu_cf.js file in the folder where your menu is created in.


Q: I would like to call a popup window (created in Deluxe Truner) from a deluxe menu item.

A: You should add the code for popup window on your html page with the menu:

<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2006, DeluxePopupWindow.com -->

Inside menuItems you should open the window in the following way:

["Click to open Popup Window","javascript:deluxePopupWindow.open('window1', 'http://deluxepopupwindow.com', 'Popup window',
'width=420,height=300,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite','iframe')",
"", "", "", "", "0", "", "", "", "", ],

More info about deluxePopupWindow.open() method you can find here:
http://deluxepopupwindow.com/window-installation-info.html



Q: I like your product and we would like to use it for our web-site.

Our site uses Frames with the following names in the FrameSet:

frame name = “top”
frame name = “middle”
frame name = “bottom”

I don’t understand how to set the target of the Deluxe Tuner navigational link to populate the frame “middle” or “bottom”

When I try to input my own name it will not allow me to do so.

We are using the “top” (horizontal) frame as a header which will contain the navigational component we developed using your product.

We are using the “middle” frame to contain most of the html pages the user will load

We are using the “bottom” frame to contain auxiliary text

Can you help me?


A: More info about the installation of the menu in cross-frame mode youcan find here

http://deluxe-menu.com/cross-frame-mode-sample.html

You should replace dm_init() function with dm_initFrame() function.
Please, open your data.js file with the menu parameters in any texteditor and change it.
You should write, for example so:

dm_initFrame("frmSet", 1, 2, 0);


Q: I can’t seem to figure out how to keep last clicked item in my java menu script marked.

I use these options:

pressedItem = -1

  var saveNavigationPath = 1;

Where and how do I determine the background color of the clicked item?

I also have this problem on Deluxe Tree.


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


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