What I know is what you get

I have found a script to generate automatic website footnotes (with jQuery) that I liked so much that I did it the MooTools way and added some additional features.

The script pulls quotes from blockquote and q elements, parses the cite and title attribute and automagically generates footnotes that will be added to or after a specified element on your page.

In addition to that you can jump back and forth between the quote and the corresponding footnote.

1. Embed the class AutomaticFootnotes into the head of your web page.
2. Load and configure the class:
   window.addEvent(’domready’, function() {<br /> var config = {<br /> ‘id’: ‘footnotes’, // the footnotes list will receive this ID<br /> ‘elSource’: ‘container’, // observe only block(quotes) in this div<br /> ‘elTarget’: ‘container’,<br /> ‘appendMode’: ‘bottom’ // Insert the list at the ‘bottom’, ‘top’ or ‘after’ elTarget<br /> }</p> <p> this.AutomaticFootnotes = new AutomaticFootnotes(config);<br /> this.AutomaticFootnotes.enable();<br /> });<br />
   • id (optional, defaults to ‘footnotes’): The footnotes list will receive this ID
   • elSource (optional, defaults to document.body): The DOM element the quotes will be pulled from
   • elTarget (optional, defaults to document.body): The DOM element the footnotes will be added to
   • appendMode (optional, defaults to ‘bottom’): ‘top’, ‘bottom’, ‘after’

You’re finished :). Look at the example.

As always, feedback is highly appreciated.