Wednesday, February 1st, 2006

IBM developerWorks: User annotations in Ajax

Category: Ajax, Browsers, JavaScript, Programming, XmlHttpRequest

On the IBM developerWorks site today, there’s a new tutorial talking about the addition of a comment/sticky-note system to any site. You’ll need to register to get into the article, but it’s a free registration.

The ability to add notes and comments to your Web site can be a powerful and attractive feature for users. This tutorial demonstrates how to implement an Asynchronous JavaScript and XML (AJAX)-based user annotation system in the form of yellow sticky notes that sit on top of regular Web page content. The only additional, required configuration is a back-end Perl script that stores the annotations.

Don’t worry if you’re not that fluent in Perl – that’s not the primary focus of the lesson. They focus mainly on how to create the standalone system for the Stickies, using a bookmarklet to execute it, work with the library to create the code for the Stickies, work with the DOM for their placement, make them editable, and make the connection that stores their information back on the server. It’s some pretty heavy Javascript work, so it’s not for the faint of heart (or those just learning Javascript). It does, however, provide a good way for more advanced developers to broaden their horizions.

Posted by Chris Cornutt at 4:06 pm
2 Comments

+++--
3.6 rating from 31 votes

2 Comments »

Comments feed TrackBack URI

For the interested, I have written a similar application to this here: http://pythonpaste.org/comment/commentary/

Comment by Ian Bicking — February 1, 2006

I should be more specific, the blog has the log/sequence of time to make a reasonable sticky-note application. I may strip the library and generate just a bare minimum runnable code block to stick on the blog to run in real time. Maybe I’ll do that tomorrow. I have yet to open up Yajaf, but I’m getting some feedback that there’s interest.

Comment by mikepk — February 2, 2006

Leave a comment

You must be logged in to post a comment.