Click2Zap Bookmarklet 1.1

Use Click2Zap to remove elements from the page for printing (remove text/images to save paper/ink) or reading comfort purposes.

Note: MyPage can do this and a lot more.

Get it

You must enable Javascript! (right-click, add to favorites or bookmarks)

Features

  • click2zap panel fixed to the top right of the window.
  • as you rollover elements, they are highlighted with a yellow background.
  • click the highlighted element to remove it.
  • click undo to replace elements (unlimited).
  • disable allows links to work (though you can always right-click a link)
  • use the print link on the click2zap panel to hide the panel and print.

Caveats:

  • The page author’s print CSS will still be used, so elements may already be removed for you (do a quick print-preview to find out what you still need to remove)
  • All element onclick handlers are overwritten, so you may need to reload the page to re-enable these.
  • Plug-ins/embedded media players can’t be removed, but you can try to remove elements containing them.
  • Undo sometimes shifts layout.

To Do:

  • Have a zap/keep toggle. When in “keep” mode, all surrounding elements are remove on click: potentially easy. (thanks Brian)
  • Activate print styles onscreen to see what will print by default: unknown difficulty
  • Record removed element ids in a cookie and allow one-click removal of all of them when you’re on the same site: easy-ish, but cookie code adds bloat and you could only record elements with ids.

Much thanks to Troels Jakobsen’s Bookmarklet Builder

Leave a Reply

  1. Hey, great utility! Is there any way to stop the ‘click2zap’ toolbar from printing as well?

  2. Great bookmarklet!

    Is there anyway you could add functionality similar to the platypus (firefox extension) “isolate” functionality?

    This way, if your desired text is in one element of div you could isolate it in one click.

  3. Chris: Coming soon! You’ll be able to toggle zap/keep. When in “keep” mode, everything but the clicked element (and it’s children) will be removed. Gimme a few days :)

  4. This is very cool. I tested it already, and it works surprisingly well. I love the simplicity of it too.. all you have to do to get it work is drag a link on your browser’s toolbar! Can it get any simpler?

    Great work.

  5. VERY cool bookmarklet!
    Now, let’s think about making the “changes” stable, i.e. integrate this bookmarklets ease-of-use with firefox’ adblock extension – every time I come back to a given site the junk I don’t want is removed, leaving my prying eyes only with the content filet of the site.

    THAT is what everyone would LOVE (even more)!

    Regards and keep up the great work,
    cts.

  6. Christian: Should be easily enough done (by extension developers). The code to select and mark in various ways is already in Aardvark. FYI site-specific content blocking via right-click will ship in Opera 9 by default.

  7. as Camino does not yet use FF extensions, this makes great additon to bookmarks toolbar. not just for printing, but cleaning up page to make easier reading. give it a big tongue!

  8. januario: IE6 doesn’t support position:fixed so the toolbar is hidden offscreen, but the “zapping” worked when I tested.

  9. Wow! This is wonderful. Thank you.
    It works fine on FF/Win2000, Safari.
    But it doesn’t seem to work for IE.
    If I click the link “click2zap” on your page, it works as it is supposed. Nevertheless, when I add it to my favorites then it doesn’t work.
    Do I need to change some security settings?

  10. Hello
    Excuse me for my bad english (french user). Can you explain me how use your click2zap (step by step please) and this sentence I don’t understand very well):
    “click2zap panel fixed to the top right of the window.” ??
    Thanks
    M.Duval

  11. Hey there!
    What a great thang, exactly what I was looking for!
    I was feeling kinda bored this weekend, so I started to improve the code a little.
    As a result, it now runs in the Internet Explorer as well.
    Here’s the link, if you wanna take a look at it:
    my click2zap sample
    .

    Watch the commented source code to see the improvements
    (developers now can put the code into a javascript file to easily use it in multiple pages).
    Would be great, if you used some of it for a next release!

  12. Well I need to print some labels from part of the information in a web site and this sound interesting but I dont know where I can find it to download, if you have any answer , thank you, Maria.

  13. Checkout Aardvark also. It is only for firefox, but it has some additional functionality, such as widening a selection, and isolating just what you want.

  14. Pingback:   Разнообразь свою веб-жизнь - просто добавь букмарклет! by Lifehacker

  15. Pingback: Bookmarklets, Favelets and Snippets | Developer's Toolbox

  16. Pingback: stampa solo quello che ti interessa! | mioguru

  17. Pingback: Bookmarklet para imprimir secciones de una web.

  18. Pingback: mrclay.org » Blog Archive » Click2Zap Bookmarklet 1.1 » Révolution Web 2.0 en Live !

  19. Pingback: (utilitaire, outils) > Click2Zap, pour n’imprimer que le nécessaire

  20. Pingback: expertinnen-web.de » Click2Zap - partieller Druck von Webseiten per Mausklick

  21. there is a bookmarklet for aardvark which works in any browser. Since the url is javascript it’s to big to post here but there is a very useful bookmark service called blummy (blummy.com) go to the site and type in aardvark and you will find a bookmarklet you can add or you can choose view code and get the javascript code to make your own bookmark. I suggest taking a few minutes to sign up for blummy though. It’s much more useful than just for aardvark. If you try you will agree with me

  22. Pingback: 5 tools to help you make a website more printer friendly before you print | Freeware Reviews | dotTech [.org]

  23. Pingback: 22 kod ile internet tarayıcınıza güç katın! « Meraklı Kediciğin Bloğu

  24. Pingback: Limpieza y optimización de páginas web | Vectoralia

  25. Pingback: Cut Through Computer Clutter [Productivity] » Blazing Moon

  26. Pingback: MyPage Bookmarklet | mrclay.org

  27. Pingback: Bookmarklets, Favelets and Snippets | PSDSir

  28. Pingback: Bookmarklets, Favelets and Snippets |Layout to HTML

  29. Pingback: Bookmarklets, Favelets and Snippets | THE SMASHING MAGAZINE

  30. Pingback: Make any page printer friendly | Tinkr.net