PlanetHolt.com

While I’m far from an expert on the subject, I’ve had the opportunity to introduce jQuery to some of my fellow developers here in India. I thought I'd share the presentations in the hopes that someone else might find them useful as well.

jFootnotes is a jQuery plugin that creates and formats footnotes based on inline content. I have used it fairly extensively on this site, and thought I’d share it with the world. It has been tested with jQuery 1.2.6, but I have no reason to believe it won’t work with 1.3.x as well.

Once the module has been included in a page, it can be called as follows:

$("div").footnotes();

Pretty straightforward. By default, it will look for

• any span elements with the footnotes class, and
• any blockquote elements with a title attribute

within the outer selection (e.g., within any div elements, in this case). The matches will be extracted and moved to footnotes.