mozilla
Your Search Results

    Using Firebug and jQuery (Screencast)

    Note: This screencast is originally from:
    http://ejohn.org/blog/hacking-digg-w...ug-and-jquery/

    This is an adaptation of a presentation that I gave while at Mashup Camp Boston. We're going to take an introductory look at the Firebug Firefox Extension and the jQuery JavaScript Library - combining the two to build a reusable bookmarklet that can manipulate Digg Posts and Comments.

    Click the video to begin (14:39 Minutes long, 59MB):

    <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="454" width="592"><param name="SRC" value="http://developer.mozilla.org/present...bug-jquery.mp4"/><param name="HREF" value="http://developer.mozilla.org/present...bug-jquery.mp4"/><param name="TARGET" value="myself"/><param name="CONTROLLER" value="false"/><param name="AUTOPLAY" value="false"/><param name="BGCOLOR" value="#FFFFFF"/><embed src="http://developer.mozilla.org/present...bug-jquery.mp4" href="http://developer.mozilla.org/present...bug-jquery.mp4" height="454" width="592" target="myself" controller="false" autoplay="false" bgcolor="#FFFFFF" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>

    Download: Right-click this link and select Save As... in order to download a copy of your own. (59MB)

    Bookmarklets:
    In the presentation, I refer to a bookmarklet that you can use to introduce jQuery into a web page. Drag these bookmarklets found on this page into the bookmarks toolbar of your browser, in order to use them.

    Related Links:

    If you wish to use Greasemonkey instead of a bookmarklet, then by all means, please do so. You can use the ability to quickly analyze and inspect a page that Firebug and jQuery affords you, using the results to build a Greasemonkey script, instead of a simple bookmarklet. I only really intended this to be a quick introduction to the subject, so please feel free to explore it more!

    More Tips: Here are some more jQuery selectors that you can use on a Digg Post:

    • <tt>$("li.c-bury > div").remove();</tt> - Remove all buried comments, but none of the direct replies.
    • <tt>$("div.c-body").show();</tt> - Show all comments, even ones that've been buried.

    Document Tags and Contributors

    Contributors to this page: Jresig
    Last updated by: Jresig,