An easy method to create an expanding list using javascript. I’ve incorporated the code into some server status pages to show or hide tables. Effective and clean looking.

[code]

An Expanding List

Click on the red right-arrows to expand the list.
Click on the green down-arrows to contract the list.

Topic A

• Topic A1
• Topic A2
  • Topic A21
  • Topic A22
  • Topic A23
• Topic A3

Topic B

• Topic B1
• Topic B2
• Topic B3

and here is how it works.
Timer Display

Animation, in its broadest sense means changing the content over time, usually withing small time intervals. In JavaScript, the key to animation is the setInterval function which causes a function to be called at periodic intervals.
This is perhaps the most basic example illustrating the usage of the setInterval function. The current time and date can be read into a string using an operation something like this:

timedate = new Date();

What we want to do is to depict the "running" time in our browser, i.e., we want it updated every second with a new value. Here is the example:

The current time and date on my system is:

[/code]

Borrowed from http://www.cs.wcupa.edu/~rkline/Web/JavaScriptExamples.html

Javascript and DHTML can be used to make collapsible and expandable HTML lists that degrade cleanly (that is, are still usable for visitors who don’t have Javascript-enabled web browsers).
Example

This has been tested in Opera, Mozilla (Navigator) and Internet Explorer. Clicking on the arrows expands or collapses sections of the list:

The code

You need to create images called closed.png and open.png to be used for collapsed and expanded lists respectively. When adding more lists, the id values for the img and ul elements must be changed, and the parameters in the call to toggle() in the image’s onClick value must be changed to these ids.

[code]

• IBM

• 80x86
• Itanium

• 680x0
• PowerPC

[/code]

Though not able to stop anyone who really wants your source code, images, or other imbedded items, this will slow down some… disable right mouse click with a bit of JavaScript in your pages header

[code]



[/code]

Simple javascript to add a Close link to any page that will close the browser window the link resides in… good for popups and the like

[code]
click here
[/code]