CoolMenus is an advanced menu script that I have been working on for years. If you have been browsing this site you have already used the script. The coolMenus have been downloaded over 200 000 times!

Main features

- Unlimited submenus
- 99% Browser compatibility (the web can be so tricky that I can't say 100%)
- Very customizable
- Very fast (considering the browser compatibility)

News and changes in version 4

- It now actually works cross-browser.
- Arrow support added (will be automaticly shown if there are submenus)
- The coolmenus.js file is now a lot lighter, from now on I'll call that the core file and I'll be adding new features to another js file. That means that you more then before can have only the parts of the code you need.
- NOTE: Simple frame support is added to the current version.
- You no longer set the colors or style in the script. You make CSS classes in a stylesheet that you tell the script to use. You can set classes on levels or on individual menu items. This makes it easier to customize the look of the menu. It does however require some css knowledge.

Licensing

The coolMenu script is made by Thomas Brattli and copyrighted by dhtmlcentral!

The coolMenu script is FREE to use, if you using the script, you can donate us with a link on your homepage :-).

Regular examples:
menu1.html - Simple menu in a row
menu2.html - Simple menu in a column
menu3.html - Two menus in one page
menu4.html - Right aligned menu

Advanced examples - these look horrible but shows some of the more advanced customize options in this version:
advanced_example1.html
advanced_example2.html
advanced_example3.html
advanced_example4.html
advanced_exampleDTD.html

Other examples
table_placement1.html
table_placement2.html
table_placement3.html
hide_selecboxes_and_form_example.html
open_onclick.html
foldoutmenu_behaviour_mod.html
menu_with_roundborder.html

Database examples
Loading items from access database - JSCRIPT
Loading items from access database - VBSCRIPT

Frame examples - new
Example1
Example2
Example3
Example4

CoolMenus reference/help

Browse the menu on the side to get help with the CoolMenus script. All properties are listed with explaination and possible values. Variables that are new for this version of the coolMenus (3.5) are marked with "new".

The creation code of the coolmenus simplified looks like this:

myCoolMenu = new makeCM(""myCoolMenu"") //Note that the argument is the same as the name

Menu properties

Background bar properties

Level properties

Items with item properties

myCoolMenu.construct() //Construcs the menu and sets up the main items.

Coolmenus properties - Menu properties

Menu properties are global properties that control the entire menu. These properties controls the position of the menu and some other settings.

Remember that the first line in your menu creation code HAVE to be:

myCoolMenu=new makeCM("myCoolMenu")

You can use whatever you want as the name of the menu as long as you reuse that throughout the menu creation code and as long as the correct name is sent to the makeCM function. This means that:

whateverIwant=new makeCM("whateverIwant")

Will work just as good.

If you want to have more then one menu on a page you have to use different names for the each menu.

Download

Read the coolmenu tutorial!