Child pages
  • Tutorial - A Simple IoC Component

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.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »


On This Page

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.


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.


  • No labels