Dhtml Collapse List by Deluxe-Menu.com
Dhtml Collapse List

Template:






    - Text aligned to left
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Several menus on one page
    - Inactive/Disabled items
    - Hundreds of pre-designed templates
    - Unlimited number of sub levels
    - Filters and Transitional effects
    - 85% transparency for sub menus




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

Menu Screenshots

Dhtml Collapse List Html Forms Edit Drop Down

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml collapse list menus easily and in no time
  • Sensible menu parameters for manual editing
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 Drop Down Menu Rollover Relative Dhtml Collapse List
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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml collapse list samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



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: Is there a way to programmatical select an item in the scrolling menu without the user actual click on the item?

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




Q: What I try to make is a menu dhtml with items having a border of only 1 px, also between the menu items. However it seems that Deluxe menu draws a 1 px line around every menu item giving an effective border line of 2 px between the area where the items touch each other. I want to have 1 px border also on the areas where the items touch each other.
Any suggestion how to fix this?


A: If you want to have the 1px border between the items only you canuse separators.

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="1";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];


Q: We have a menu in its own dedicated table row on our website and the table row contains a background image. We want to know if we can make the background on your menu transparent so that you can see our table cell background through the menu.
We have tried using your option to put our image as your menu’s background, but then it repeats for all of the drop downs which we do not want.
We simply want the row of options to be transparent and all of the drop downs to be white.

Is this possible with your system and, if so, how would we go about making this work?


A: You can try to use these parameters:

  var menuBackColor="transparent";
  var itemBackColor=["transparent","#1665CB"];

Or, you can use Individual Item Styles and set images only for the main items.

Try that.


Q: Could you please help me with another question?

I am using your regular dhtml menu inside an asp page.
I want to make a call to different javascripts with parameters from different menu items (Which should work fine.. )

I have now been trying to do this by using the alert() java metod....

This line works perfect:
 ["|Test A","javascript:alert('Test');", "", "", "", "", "0", "-1", "", ],

But if I try to write the same line within ASP brachets ( <% %> ) the menu does not show up:

<%
response.Write( " ['|Test A','javascript:alert('Test');', '', '', '', '', '0', '-1', '', ], " )
%>>

I have also found that if I remove the parameter inside the javascript like this:
<%
response.Write( " ['|Test A','javascript:alert();', '', '', '', '', '0', '-1', '', ], " )
%>>

the menu will show up and the script will work but since I can not insert any parameter it is pointless..

How can I achieve this?

I really hope you can help me with this one!

A: Try to write your code in the following way:

<%
response.Write( " ['|Test A','javascript:alert(\'Test\');', '', '', '', '', '0', '-1', '', ], " )
%>



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