Javascript Collapsible List by Deluxe-Menu.com
Javascript Collapsible List

Template:






    - Cross-frame support - menus work on frameset-based pages
    - Several menus on one page
    - UL/LI items structure
    - Submenus dropdown on mouseover
    - Relative/Absolute menu position
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Top items and submenus have a shadow
    - Visible over select boxes, iframes, pdf, flash, Java applets.




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

Menu Screenshots

Javascript Collapsible List Create Dynamic Javascript Menu

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript collapsible list menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Scrolling Icons Javascript Collapsible List
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
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!
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.

  • 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: Can I use data from a SQL server using ASP for drop down menu code?

A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files,
so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];


Unfortunately we don't have examples with ASP and SQL.
The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html



Q: I need to be able to set backcolor of selected menu item of the current page in the dhtml collapse menu. Is there a way to do this?

A: No, unfortunately now you can set the font color for the pressed menu itemonly. We'll try to add more parameters to the pressed item in the nextversion of the dhtml collapse menu.



Q: I've now begun to offer my clients multiple levels offunctionality. Is there any way to add another level of complexity to the php drop down menu? Would AJAX Menus be the best approach for doing this?

A: You can do it in three ways now.

1) You can use API functions to generate items dynamically:

function dm_ext_createSubmenu (menuInd, submenuInd, itemInd, iParams)
function dm_ext_addItem (menuInd, submenuInd, iParams)

See more info:
http://deluxe-menu.com/functions-info.html

2) Use AJAX feature and create different .js files depend on company and user level.

3) Generate your menu items dynamically from database.
Unfortunately we don't have working example with ASP.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so,
you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2008, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];


The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html



Q: I want to be able to put a small thumbnail icon in the description area of animated drop down menu. Here is a current line from my .js file for a single link.

 ["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 ",,,,,"0"],

I want it to do this though:

 ["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 <br><br><img src="images/thumbnail.jpg">",,,,,"0"],

The problem is the "'s around the img src.....it's throwing off your animated drop down menu.

How do I fix that?

A: It is not correct to write menuItems in such way.

You should write:

 ["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br> Gary Parsons <br><br><img src='images/thumbnail.jpg'>","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549",,,,,"0"],

Try that.



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