click2zap goes IE What a glory day!

Activate the click2zap panel by clicking the button below.
Choose enable and start removing those elements, you don't like to see any more, by clicking them once.
If you remove an element from the screen, the element itself and all of its child elements will be removed. Deleting an entire table, for example, will delete all of its contained data, too.

1st row 1st column	1st row 2nd column	1st row 3rd column	This table's columns are predefined by using the <colgroup> tag. As you can see in the source code, each <col> element has its own background color. Watch the effect when removing one of this table's <td> elements. Though the following <td> elements of this row skip one field to the left each, they change their background color to what's been predefined for the according column.
2nd row 1st column	2nd row 2nd column	2nd row 3rd column
3rd row 1st column	3rd row 2nd column	3rd row 3rd column

1st row 1st column	1st row 2nd column	1st row 3rd column	This table's columns are not predefined, each <td> element has been formatted separately instead. Now that this table has no <col> definitions, each <td> element has its own background color, which it will keep when removing a <td> element left to it. Actually, the background color is irrelevant when printing HTML content, i. e. in most cases you needn't use a <colgroup> definition to format your tables. If you use click2zap for taking screenshots, you should keep an eye on the page layout during development.
2nd row 1st column	2nd row 2nd column	2nd row 3rd column
3rd row 1st column	3rd row 2nd column	3rd row 3rd column

I put the entire javascript code into a .js file, so all you need to do is include this file in your web page and users needn't create a bookmark any more. You can download the .js file from my site at click2zap.js.
I recommend to download it instead of viewing it in the browser, cause Firefox possibly doesn't show it in complete.

The .js file now contains two new functions:

deselectById()
<input type="button" onclick="deselectById('firstTable')" value="pre-deselect by id" /> <input type="button" onclick="deselectById(1234)" value="pre-deselect by id" /> <input type="button" onclick="deselectById(new Array('firstTable', 'secondTable'))" value="pre-deselect by id" /> <input type="button" onclick="deselectById(new Array('firstTable', 1234))" value="pre-deselect by id" /> Just tell the Javascript function, which elements to remove by default. The function accepts a single String, a number (if you're into numeric ids) or an Array containing Strings, numbers or both.
Thus you can create multiple buttons on one page, each of them calling a different layout profile.

Click to watch it work! It removes the two tables from the page, having the ids "firstTable" and "secondTable". According to the code above, the third line is this button's source code.


deselectByTagName()
<input type="button" onclick="deselectByTagName('br')" value="pre-deselect by tag name" /> <input type="button" onclick="deselectByTagName(new Array('br', 'a'))" value="pre-deselect by tag name" /> This function accepts a single String or an Array containing Strings.

Click to make all line breaks disappear from the page! Thus the page content gets shortened and you can save paper when printing it.
The button's source code is the first line in the code above.

I wanted the click2zap panel to look a little different, so I decided to include some small images.
If you don't like them, replace the according code in the .js file by text nodes.

Now, when clicking one of the buttons, click2zap is enabled by default, so that you can start removing elements straight ahead.
Furthermore I added a close option to the panel, which closes it and redisplays all page elements.

This is simply great for saving paper and toner by removing unnecessary images from the page before printing. Maybe I'll add a configurable page-scoped preselection, something like a default print layout, so that you needn't remove the page's menu or the page header again and again manually.

This click2zap example works fine with Firefox and MS Internet Explorer. Would be great, if anyone tested it on different browsers and gave me some feedback at keeee_mit_4_e@web.de

If you like that nice gimmick, take a look at the click2zap creator's home page!