Tuesday, May 1st, 2007
Laurent Haan has taken the time to write a detailed article on Creating an Ajax Rating Widget.
Not only does Laurent take the time to walk through the implementation of a rating widget, but he ports it across Dojo, Prototype, Mootools, and jQuery.
It is interesting to go through the examples in each library and see both the differences, and the similarities. The biggest merging has been around using Selectors to bypass having to use heavy DOM code. We can all be thankful to that.
Frequent visitors of ajax enabled websites, like ajaxian, have all witnessed them already: ajax rating widgets. They are flashy, animated, you can use them to rate the content (usually without refreshing the page) and if you could, you’d present them to your parents and marry them. Compared to the classic rating system, as on IMDb, they incite people to click them, reducing the effective rating process to only one click.
This tutorial is not meant to present you with a finished script (even though you could simply copy&paste the end result into your website and make it work without any problems), but rather to explain the design and implementation process that would enable you to create your own widgets if you’d need to.
Posted by Dion Almaer at 7:22 am