DHTML - Hierarchical Menu using JavaScript and object-oriented concept.
This sample demonstrate DHTML hierarchical menu using javascript with object-oriented concept.
There are two files;
1.DHTML_HMenu.html -> Actual file
2.test.html -> Initial file or experimenting file.
HOw it works
----------------
Basically, the following are few important lines
1. Dynamically insert HTML to browser
document.body.insertAdjacentHTML("BeforeEnd", this.myBody);
2. Create timer so that sub-menu closes itself automatically after certain interval. timeoutID=setTimeout('Initiate()',elapsedTime);
What you need to do for customization
-------------------------------------------------
Basically you need to edit the following three functions.
1. MenuContents
2. startRtn
3. loadSubMenu
Personally, i am proud of this.. it is fun and easy. Just have a look.
JavaScript Context Menu Library
(Popularity: ) : This is a JavaScript library, which allows the web developer to easily add a context menu to his website. It ... Right Click Menu (Multi-level Context Menu)
(Popularity: ) : VSContextMenu 1.0 Allows you to create multi-level context menu and populate it right on your web pages. Designed for web ... A different kind of menu system
(Popularity: ) : This is an example to my way of creating a different kind of menu than the ordinary dropdown menus or ... Handy XP Style Menu
(Popularity: ) : This is a pretty menu in XP Style. Easy to setup, higly customizable. If you find it useful, please rate ... Web Listbar
(Popularity: ) : This code will help you organize your support content (Links, news flash, Top 10). This mimics the common Listbars that ... Dropdown Menu
(Popularity: ) : By making just a few simple function calls, any website can have a full dropdown menu from which users can ... Drop Down Menus DHTML
(Popularity: ) : Website Navigation / Menus: Cross browser, automatic positioning, large menus can be added with minimal change in the file size, ... Expandable TOC
(Popularity: ) : The Expandable Table of Contents is a script, which allows the creation of dynamic navigation systems. The user clicks on ... DBL click to fade in very nice
(Popularity: ) : DBL click to fade in very nice - When you double click the screen a menu fades in very nice ...
Code Library
) : This is a JavaScript library, which allows the web developer to easily add a context menu to his website. It ...