Skip to the content...

Welcome to the David Walsh Blog. I'm a MooTools, Dojo, jQuery, CSS, and PHP Web Developer located in Madison, Wisconsin, United States. Please contact me if I can make your experience on my website better.

jQuery Code Documentation Favelet

7 Responses »

My jQuery knowledge isn't quite to the level of my MooTools so I rely quite a bit on the jQuery documentation. When I look at articles with jQuery code in them, I'll periodically see functions I hadn't seen before and want to learn more about. What's annoying is bringing up a new tab and navigating to the docs. I've created a JavaScript favelet/bookmarklet that does that for me.

All you need to do is highlight the code, click the favelet, and the search is done for you!

The JavaScript

(function()%7Bvar%20d=document,w=window,ds=d.getSelection,ws=w.getSelection,ss=d.selection,e=encodeURIComponent;t=(ws)%3Fws():(ds)%3Fds():(ss)%3Fss.createRange().text:'';t=(t.toString().length)%3Ft:prompt('Please select the code you would like to research.','');if(t)%7Ba='http://docs.jquery.com/Special:Search?search=';u=a+e(t);f=function()%7Bx=w.open(u,'nfx','scrollbars=1,toolbar=0,resizable=1,status=1,width=600,height=600');if(!x)w.location.href=u;%7D;if(/Firefox/.test(navigator.userAgent))setTimeout(f,0);else%20f();%7D%7D)();

Don't worry about the mess of code...it works!

All you need to do is drag the favelet to your bookmarks/favorites toolbar and you can use it on any website! Check out the demo to test it out.

Discussion

  1. March 10, 2009 @ 8:43 am

    Very simple yet smart & a great idea.

  2. March 10, 2009 @ 11:23 am

    a very nice use of a favelet. thanks for sharing.

  3. March 16, 2009 @ 9:55 am

    Hello,

    Please add your site at http://www.sweebs.com. Sweebs.com is a place where other people can find you among the best sites on the internet!
    Its just started and we are collecting the best found on the net! We will be delighted to have you in the sweebs listings.

    Regards
    Kris

Be Heard!

Share your thoughts with fellow developers of all skill levels! I want to hear from you!

Name*:
Email*:
Website:  
Wrap your code with <code> tags, f00!