Sandeep's Nook: JavaScript Page

Floating Collapsible Menu

Floating Collapsible Menu
+ Computing Links
+ JavaScript Links

On the left of this page in yellow with black border is the floating collapsible menu. The menu will always hover in the same place on the page even when you scroll down the page. In addition to this the menu has collapsible links. Clicking on those links with the + symbol in front would open a hidden bunch of links. Such hidden links are mostly related to the main link which opens them. You can add any number of collapsible links or ordinary links to the menu. You can also add unlimited nested sub-links as shown in the example. You can also completely change the appearance of the menu to best suit your needs. The placement of the menu from the top of the page can be adjusted by the users.

Users could also provide a space on the left of their web pages to accommodate the floating menu as shown in this example. This would prevent the menu from obscuring any content on the webpage.

Note: This script does not work with older browsers like Netscape v4.x but degrades very well.

Author: Sandeep Gangadharan
Home Page:

The script is given below:

This goes in the HEAD of the html file:

Note the script in the BODY tag:

<body onLoad="placeIt()">

This goes in the BODY of the html file: