Collapsible Menu Script by Deluxe-Menu.com
Collapsible Menu Script

Template:

Dell Style Template - Horizontal Dhtml Menu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Hundreds of pre-designed templates
    - Submenus dropdown on mouseover
    - Relative/Absolute menu position
    - Filters and Transitional effects
    - Submenus automatically scrolls
    - Items with icons
    - Sound support!




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

Menu Screenshots

Collapsible Menu Script Javascript Drop Down Menu Rollover Relative

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

Features

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
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
Download Menu Desplegable Horizontal Collapsible Menu Script
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsible menu script menus easily and in no time
  • Sensible menu parameters for manual editing
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



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 trying to evaluate the trial version of deluxepopup window.
The script popup works great but I am having a specific requirement of making it amodal window; i.e. when the popup is opened, users shouldn't be allowed to access the main page. Please let me know how to make this happen.

Appreciate your quick response on this.

A: Unfortunately it is not possible to create modal window using Deluxe Popup Window.It doesn't have such a feature now.

We'll try to add this feature in the next versions.

Q: I'm having a difficult time figuring out how to get content into each "tab" for the dhtml tab menus.
I see that content can be put into div-tag or frame, but how is it referenced in tab so whensomeone clicks the tab,
it shows that content?
Is it the link variable in the MenuTuner? Can the content be a separate html page?

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

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 2 questions about this script I would like to find out before purchasing:

1. Does it support 3rd and 4th level java script navigation menu?
2. How customizable is it style-wise, meaning, I have images I want used for the top level navigation, and background images for the rest. Any way I can achieve this?

A: 1) Yes, you can add as many levels in the java script navigation menu as you want.

2) Actually you can create any java script navigation menu with Deluxe Menu. You can use Individual Styles tocreate your menu. For example:

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBorderWidth=0","fontStyle=normal 11px Tahoma", "fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBackImage=back.gif","menuBorderWidth=0", "itemSpacing=1","itemPadding=0px 5px 0px 5px"],
];

Please, try the trial version and check menu parameters. Use DeluxeTuner to create your menu.



Q: I am trying to install a search engine on my site and am having trouble due to my use of your tree-menu system, which I love by the way.  I really need to find a compatible script that will search your javascript menu system, or at the very least search another file with mirrored links.  I DO NOT want to add the links to each page, this is why I love your menu's, there is one central location to change navigation statewide.

Do you know if there is a search script that can do this( js, php) or is there a way to make your javascript tree menus accessible to the search engine?


A: You can generate search engine friendly code.
Deluxe Tree is a search engine friendly menu since v2.4.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


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