ActionSheets is a small Javascript library that allows you to apply JavaScript events to DOM elements in the same way that one would apply styles using CSS.
This library is made to work hand-in-hand with the Prototype.js library. To use ActionSheets, simply put the following in the
of your document:
<link rel="JAS" href="default.jas"/>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="ActionSheets.js"></script>
ActionSheets checks your tags for any rel="JAS" entries, loads them via the wonderful AJAX, and applies the actions to your document. For example:
.red {
mouseover: turnOn;
mouseout: turnOff;
}
The preceeding ActionSheet will cause all elements with the class "red" applied to them to call the function turnOn() on mouseover, and turnOff() on mouseout.
This code (and its fancy documentation) is in its infancy, and will be updated as time progresses. Until this landing page has a proper feedback system, let me know of any issues or suggestions at thepotch (AT) gmail (DOT) com. I hope you find it useful!