Expand Tab Menu Script by Deluxe-Menu.com
Expand Tab Menu Script

Template:






    - Search feature - add the search area in the menu and type symbols.
    - Top items and submenus have a shadow
    - Status string shows item labels
    - Inactive/Disabled items
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus automatically scrolls
    - Several menus on one page
    - Submenus go over all page objects




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

Menu Screenshots

Expand Tab Menu Script Css Examples Of Navigation

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

Features

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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your expand tab menu script menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Collapsible Expand Tab Menu Script
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is it possible to create expandable checkbox menu with you javascript dynamic tree menu?

(I want each tree menu element contain a check box and some text. )

A: No, unfortunately Deluxe Tree doesn't have such a feature now.

But you can paste any html code inside item text, for example:

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <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", "", ""],

 ["|<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>"],

Q: I'm using the deluxe-tree; my dynamic tree menu is very long; and the page has a vertical scroll bar as a result. My question is, does the dynamic tree menu support anchors? So let's say I do mypage.aspx#mynode, and mynode is a tree-node, and happens to be on the bottom of the page, can we make it so that the user goes to that node, without him using the vertical scroll bar?

A: No, it is not possible.
But you can collapse your tree menu by default:
  var texpanded=0;

and use API functions to expand the specific items based on the page you are now:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html

Example:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html




Q: My site requires me to regularly update the drop down menu by inserting a new item at the top of the list.


A: Add items using the following function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)

Adds the new item to a submenu.

menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.

iParams = [array] - the array of item parameters.
This parameter has the same structure as an item in menuItems array.
You can assign parameters of another existent item of the menu
(for example, when you want to create a duplicate of the existent item) or create new ones.

Structure of iParams:
[item_text, link, icon_normal, icon_over, tip, target, individual_style_index, jsFilename]
Pos - the position in the menu where you want to add new item.

Find more info:
http://deluxe-menu.com/functions-info.html


Q: I'm a registered user. I'm looking to make a space between dhtml cross browser menu buttons, I checked the FAQ which suggested using ["-"], between items but it didn't work. It deleted the dhtml cross browser menu items below it. I'm looking to put a space between

   ["||All Images","gallery_all.html", , , , "_self", , , , ],

and

   ["||Pricing & Ordering Info","gallery_pricing.html", , , , "_self", , , , ],

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical dhtml cross browser menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in Deluxe
Tuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],

   ["||-"],

   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],



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