Dhtml Slide Menu Commands List by Deluxe-Menu.com
Dhtml Slide Menu Commands List

Template:

Youtube Style Template 2 - Drop Down Navigation Menu







    - Submenus go over all page objects
    - Search feature - add the search area in the menu and type symbols.
    - Relative/Absolute menu position
    - Hundreds of pre-designed templates
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Image arrows
    - Text aligned to left
    - Filters and Transitional effects




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

Menu Screenshots

Dhtml Slide Menu Commands List Vertical Menu Dhtml Script

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml slide menu commands list samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Javascript For Dynamic Drop Down Dhtml Slide Menu Commands List
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
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: I do not understand how may I include content in each tab in the , may you send to me examples or more information?

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.
["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],  ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for
example:javascript:alert(\'Hello!\')
So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],


Q: I have set up the dhtml menu javascript at this site. I have chosen to use the transitional filter from IE6. The main menus and sub menus work fine in IE but in Firefox the sub menus do not appear at all. Is their a fix for this. I realize that firefox does not support IE transitions but Ithought the sub menus would appear when the main item is clicked on. that hs not happened. Go to above URL and vie in both IE and Firefox and you will see what I mean.

A: You couldn't see submenus in FF because you had

  var transparency="";

You should set your parameters in the following way:

  var transparency="100";
  var itemBackColor=["#072450",""];



Q: I am having some difficulty dynamically adding items to a tree javascript and menu.

I have a menu with one "root" item. I see the use of the "+" symbol within the item name. I do not see any documentation regarding this symbol, only "|". Can you explain?

If I have one menu with this one "root" node, how would I add an subitem to this root node?

Here is my code so far, but the inserted items appear to be at the same level as the root node.

  var rootItem = dtreet_ext_getItemIDByIndex ( 0,0 );

  var menuItem = new Array(10);
for (   var i = 0; i < producers.length; i++ )
{
  var producer = producers[ i ];
menuItem[0] = producer.name;

dtreet_ext_insertItem ( 0, 0, i + 1, menuItem );

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 javascript and menu on a page, >= 0.
parentItemID - ID property of an item.<, >= 0.
itemInd - index of a new item within the javascript and 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 thespecific place, for example set itemInd=5 if you want to add itembefore 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.



Q: Once more I have a small question about Deluxe Menu.
I have rewritten my homepage (still off-line) to use stylesheets instead of frames. But for some reason the drop down menu templates won't appear anymore.
Does DM need frames or can it also work without frames? I would suppose that it can also work on a page with no frames. But for some reason I can't seem to get it to work.


A: If you don't use frames there is no need to write your init functionin the following way:

dm_initFrame("lower", 0, 1, 1);

That is way you cannot see your menu.
Please, write:

dm_init();


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