Feb 18, 2006

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: I also have a more feature-rich version called MyPage.

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

Posted in Bookmarklets | Comment now!

29 Responses to “Click2Zap Bookmarklet 1.1”

  1. Ed T. writes:

    Mar 13, 2006 | 4:14 PM

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

  2. Steve writes:

    Mar 13, 2006 | 4:22 PM

    Ed T.: If you use the print link on the click2zap toolbar, it hides itself before printing.

  3. Chris writes:

    Mar 13, 2006 | 6:34 PM

    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.

  4. Steve writes:

    Mar 13, 2006 | 10:15 PM

    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 :)

  5. Ivan Minic writes:

    Mar 14, 2006 | 4:14 AM

    Great tips!

  6. mioguru writes:

    Mar 14, 2006 | 5:50 AM

    great!!!!

  7. MoeRL writes:

    Mar 14, 2006 | 6:14 AM

    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.

  8. Christian Schmidt writes:

    Mar 14, 2006 | 6:47 AM

    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.

  9. Steve writes:

    Mar 14, 2006 | 8:00 AM

    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.

  10. rda writes:

    Mar 14, 2006 | 10:45 AM

    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!

  11. januario writes:

    Mar 14, 2006 | 1:38 PM

    This is a great bookmarklet…thanks. Do you know if there’s anything like it for MS Internet Explorer?

  12. Steve writes:

    Mar 14, 2006 | 2:44 PM

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

  13. Derek writes:

    Mar 14, 2006 | 4:58 PM

    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?

  14. SZ writes:

    Mar 14, 2006 | 11:47 PM

    Awesome utility, thanks!

  15. Mark writes:

    Mar 15, 2006 | 8:14 AM

    Great tool - thanks. The planned upgrades sound great as well…..

  16. adamh writes:

    Mar 22, 2006 | 11:00 AM

    yea, I too noticed it doesn’t seem to work from my “Links” toolbar in IE…

  17. Duval Max writes:

    Apr 3, 2006 | 7:17 AM

    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

  18. Keeee mit 4 e writes:

    Apr 22, 2006 | 12:06 PM

    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!

  19. Maria writes:

    Apr 28, 2006 | 7:53 PM

    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.

  20. MyTech writes:

    Sep 20, 2006 | 11:55 AM

    it’s great… and simple also.

    Thanks for the info.

  21. Ken writes:

    Dec 21, 2006 | 3:02 AM

    Hi, that’s a great utility!!
    Thank you.

  22. J.Isa writes:

    Jun 21, 2007 | 9:47 AM

    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.

  23. Steve writes:

    Jun 21, 2007 | 10:42 AM

    @J.Isa: My souped-up version of Click2Zap, MyPage, was loosely based on Aardvark.

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

    Sep 5, 2007 | 4:31 AM

    [...] Click2Zap (IE, Opera) - удаляет элементы с сайта для последующей распечатки страницы. Экономит чернила вашего принтера! [...]

  25. Bookmarklets, Favelets and Snippets | Developer's Toolbox writes:

    Oct 5, 2007 | 12:23 PM

    [...] click2zap removes elements from the page for printing (remove text/images to save paper/ink) or reading comfort purposes. [s. click2zap] [...]

  26. stampa solo quello che ti interessa! | mioguru writes:

    Oct 27, 2007 | 7:37 AM

    [...] e` piena di cose che non ci interessano, che ci fanno consumare toner e carta inutilmente. Ora c`e` Click2zap1.1 che e` un bookmarklet che permette di selezionare solo cio` che ci intertessa in una pagina. Il [...]

  27. Bookmarklet para imprimir secciones de una web. writes:

    Feb 27, 2008 | 12:35 PM

    [...] Click2Zap es un Bookmarklet con el que podemos elegir qué secciones de una página web queremos imprimir y cuales no para ahorrar papel y tinta. [...]

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

    Mar 11, 2008 | 8:40 AM

    [...] Description :Imprimer UNIQUEMENT ce que l’on veut sur une page web a l’aide d’un bookmarklet. Le clic de la souris efface tout ce qui gène.Tags :WebtoolsSource :http://mrclay.org/index.php… [...]

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

    Mar 20, 2008 | 3:31 AM

    [...] Click2Zaphttp://mrclay.org/index.php/2006/04/23/mypage-bookmarklet/Langue: anglaisAccès: gratuit [...]

Leave a Reply

Elements allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>