JavaScript Debug Utility Demo

Click on the checkbox below to switch on and off the debug window (you will need to enable pop-ups for this site if you are using a pop-up blocker).

The debug window is off

With the debug window on, type in to the text box below and click the Debug button to test the debug:

Have a look at the source for this page to see how we coded it.

Note: Originally we used document.all.<checkbox name> and this worked fine with Internet Explorer and Opera, but didn't work with Firefox. However, by replacing all the calls with document.getElementById(<checkbox ID>) and making the inputs have IDs rather than names, it works on all three browsers.

← Return to article