Collapsible Menu Template by Deluxe-Menu.com
Collapsible Menu Template

Template:






    - Hundreds of pre-designed templates
    - Items with icons
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - 85% transparency for sub menus
    - Unlimited number of sub levels
    - UL/LI items structure
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Horizontal or vertical orientation




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

Menu Screenshots

Collapsible Menu Template Create Dropdown Menu With Javascript

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

Features

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

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am spending a lot more time and have figured a few things out. One more question please: How do I specify the target link I want a dhtml submenu to go to?

I see HREF specified in the code, but no where in the program to specify it.


A: See, the following parameter sets target for all items

  var itemTarget="_self";

If you want to set different target for each item you should set it inthe "Item Parameters" window. Choose your item in the main window andset target in the target field.


Q: Can you please give me an example of how I would return the full path to the selected item of the web site menu?

A: See the following example:

function getFullPath(mInd){
  var result='';

// get pressed item
  var params = dm_ext_getMenuParams(mInd);
if (!(params[2]>=0)) return '';

function getPathForItem(mInd,smInd,itInd){
// get for this item
  var params = dm_ext_getItemParams(mInd,smInd,itInd);
  var result = params[2]+ '('+ params[3]+')';

// find root item id
if (smInd <= 0) return result;
params = dm_ext_getSubmenuParams(mInd,smInd);

for (  var smInd_=0;smInd_ for (  var itInd_=0;itInd_ itParam = dm_ext_getItemParams(mInd,smInd_,itInd_);
if (itParam[0]=arams[2])// id
return result + '->' + getPathForItem(mInd,smInd_,itInd_);
}
}
return result;
};

return getPathForItem(mInd,params[1],params[2]);
}


Q: How i can insert any html code in dropdown menu?

A: You are able to paste any html code within items.

So you can paste a form too.

For example:

  var menuItems = [
...
   ["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q'
value='searchthe web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","", "images/icons/search.gif", "", "", "", "", "2", "", "", "",],


Q: I have been working with the trial package for the last couple of days, of which I have been really impressed with. However there have been a couple of things that have frustrated me greatly...

The natural place that I first tried was replacing the "content1" line with a direct URL in the   var bmenuItems section but this made no difference at all. I am also trying to work out what each set of "" equate to as I have found a couple of pages on the Internet very similar to this but none of them have nine different sections.

["Home","content1", "", "", "", "", "1", "", "", ],

Is it possible to allow one of the tabs on this template to just open another page? I look forward to your response in regards to these questions and hope to hear from you again soon so that I can crack on with this project.


A: You can't assign links in Dhtml Tabs when you're using   var tabMode = 0;.
You can assign only the object's ID of <div> on your page.

Try to set   var tabMode = 1;
and use links for your items.


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