This documentation is currently being moved to our new documentation site.
Please view 
or edit the documentation there, instead.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.
DRAFT
On This Page
See Also
Still need help?
Join the infusion-users mailing list and ask your questions there,
or hang out in our IRC Channel.
This tutorial is based on the "Five-Star widget" code that is used as part of our Keyboard Accessibility Demo. It assumes that:
- you are already familiar with HTML, Javascript and CSS,
- you're familiar with Inversion of Control (IoC) in general,
- you want to see how the Infusion Framework uses IoC in a component.
While the "Five-Star widget" is used in a demo of our Keyboard Accessibility jQuery plugin, it is, by itself, a fine example of an IoC component, and it's not necessary to know about the plugin to follow this tutorial.
Overview
The Five-Star Widget is a simple component that displays a graphic of 5 stars on the page to allow users to "rank" something. The widget responds to user selection and internally stores the rank. In our Keyboard Accessibility Plugin demo, it's used to rank images in an image view, but it could be incorporated into a movie database, restaurant review site, etc.
The code for the Five-Star Widget embodies one of the main goals of the Infusion Framework's Inversion of Control system: To reduce component creation to (ideally) configuration information only.
Overview
Content Tools