Extjs Vertical Menu by Deluxe-Menu.com
Extjs Vertical Menu

Template:

iPhone 12 Template - CSS Menu Bar






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Inactive/Disabled items
    - Top items and submenus have a shadow
    - Text aligned to left
    - Items with icons
    - Transition #14 - "fade out" effect
    - Submenus dropdown on mouseover
    - Unlimited number of sub levels




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

Menu Screenshots

Extjs Vertical Menu Create Drop Down Menu Tutorial

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

Features

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
Drop Shadow Form C Extjs Vertical Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs vertical menu 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!
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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am trying to get my submenu to be all black along with the main menu item that I am hovering over.
But I cannot do it.


A: Now you have

 ["|About Us","About_Us", , , ,"Tip Text" , , , ,"0"],

it is not right. You should write

 ["|About Us","About_Us", , ,"Tip Text", , ,"0",],


Q: Is it possible to add checkboxes to menu items and retrieve the checked items? I need to create a multiple item select menu. So the javascript menu slide would need to remain open and allow a user to select multiple items and would either submit onmouseout or maybe a "submit these selections" javascript menu slide item.

A: You can try to use Deluxe Tree in that case:
http://deluxe-tree.com

You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
["|Index &nbsp;<select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'> <option>Section 1<option>Section 2<option>Section 3 </select>", "", "", "", "", "","", "0"],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> &nbsp;&nbsp;<input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:[email protected]", ""],
["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],

["<img src='img/sep.gif' width=113 height=1>"],

You should also add your own code, so your checkbox will workcorrectly.



Q: Also, when viewing the webpage with the dhtml list menu, my browser tells me that it is blocking scripts and ActiveX applications. I have to override it. Is there a way to prevent this so my customers don't get this message, or will it go away when I post it to my domain?

A: You should adjust your browser settings.

Tools/Internet Options/Advanced Options/

and set
"Allow active content from files to run on My Computer".

There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.



Q: I am having some difficulty dynamically adding items to a dhtml sliding menus.

A: See dtreet_ext_insertItem () function has the following parameters:

function dtreet_ext_insertItem (menuInd, parentItemID, itemInd, itemParams)

Creates a new item and inserts it into a specified position.
menuInd - index of a menu on a page, >= 0.
parentItemID - ID property of an item.<, >= 0.
itemInd - index of a new item within the menu, >= 0.
itemParams - item parameters.

Notice that parentItemID is the Id property of the parent item
(notindex). If you want to add top items you should set parentItemID=0.

itemInd - you should use this parameter if you want to add item in the
specific place, for example set itemInd=5 if you want to add item
before the existing item with itemInd=5.
If you set itemInd=null the new item will be added at the end of this submenu and its index will be added automatically.



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