Collapsible Menu by Deluxe-Menu.com
Collapsible Menu

Template:

Amazon Style Template - DHTML Pop Up Menus
 
Website Title      







    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Image arrows
    - Relative/Absolute menu position
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Text aligned to left
    - Cross-frame support - menus work on frameset-based pages
    - Status string shows item labels




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

Menu Screenshots

Collapsible Menu Menu Script

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

Features

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
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
Example Of Tab In Html Pages Collapsible Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsible menu 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 samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Typically in order to generate a menu with multiple layers I’d put a pipe character in front of the menu text..  For example:

 ["|Page Admin","/admin/handoutadmin.php", , , , "_new", , , , ],
     ["||Student Pages","/admin/handoutadmin.php?type=1", , , , "_new", , , , ],
     ["||Teacher Pages","/admin/handoutadmin.php?type=2", , , , "_new", , , , ],
     ["||Family Letters","/admin/handoutadmin.php?type=4", , , , "_new", , , , ],
     ["||Transparencies","/admin/handoutadmin.php?type=3", , , , "_new", , , , ],

  However, when I try to do it with dm_ext_addItem it actually SHOWS the pipe character and doesn’t create any menu levels at all. 
For example:

dm_ext_addItem(0, 0, ["Add a Handout to this Lesson", "", "", "", "", "", ""]);

dm_ext_addItem(0, 0,  ["|Student Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

dm_ext_addItem(0, 0,  ["|Teacher Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

How can I generate multiple levels of the menu with javascript?

A: I suppose that your code is not valid
dm_ext_addItem(0, 0,  ["|Teacher Page", "/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

Try to write it in the following way:
dm_ext_addItem(0, 0,  ["|Teacher Page", "/admin/handoutadmin.php?type=", "", "", "", "_new", ""]);



Q: I've encountered a problem when I was creating my collapsible menu javascript. I got an error message when I was creating my menu as follows:

----------------------------------
There is the error in the data file. The menu won't be loaded correctly.

Line: 361
Char: 3
Code: 0
Message:']' f=F6rv=E4ntas
----------------------------------

A: You have errors in your data file now. It is not correctly to writeitems in the following way:

   ["||10"","", "", "", "", "", "", "", "", "", ],
   ["||11"","", "", "", "", "", "", "", "", "", ],

You should write:

   ["||10","", "", "", "", "", "", "", "", "", ],
   ["||11","", "", "", "", "", "", "", "", "", ],

Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?

I'm using a JavaScript such as the one below:

<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>


A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.

For example:

  var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];

or
  var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 0)'>"]
];


Q: I think I followed the instructions on FAQ to center my drop down menu js but it still will not center. Can you help?

A: You can use different colors for each item and subitem of the drop down menu js
You should use individual item styles.
More info you can find here:
http://deluxe-menu.com/individual-item-styles-info.html



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