The metadata plugin on steroids , now at version 1.3 (released on 2007-03-02)
Metaobjects is used for setting properties of DOM elements, from something as simple as a boolean to something as complex as a function declaration or executable code, too.
In the following example we set the title property of the span to the title of the web page without a single line of javascript ( pretty useless, but awesome ;-)
<span><object class="metaobject"> <param name="title" value="document.title"/> </object>Hover your mouse here to see the title of this page</span>
<span>Hover your mouse here to see the title of this page</span>
As you see the metaobject is automatically removed. And abracadabra… if you does as it says (hover) you’ll really see the tooltip with the title of the page, even if there is not an HTML explicit “title” property.
You can also use the added metadata from jQuery, like here:
<span id="foo"><object class="metaobject"> <param name="bar" value="Hello World!"/> </object>I'm going to say... </span>
$( "#foo" ).append( $( "#foo" )[0].bar );
<span id="foo">I'm going to say... Hello World!</span>