Apr
17
Testing the Waters with Ajax

In a very limited fashion, we've started testing some new Ajax technology for the law library website. For now, we're using Adobe's Spry Framework for Ajax. The nice thing about this is that it's integrated with Adobe Dreamweaver 8, and it's pretty easy to implement simple controls.

The first place we used this was with a page of Photo Memories of Bob Oakley, which is a simplified version of one of the example photo galleries on the Adobe demo site. The other place is with the index pages for our library services and library policies. With this second example, the distinction between services and policies isn't always clear, so we present the two on the same page with tabs to toggle between the two. We may revise how we present the two online, but for now, this is a simple fix.

For a live example online, here's a collapsible panel with links to a few items on our site. Click the title of the tab to expand it to reveal items underneath. We want to use Ajax controls where it can help the user experience, not just "because it's cool."

The nice thing is that the coding is pretty simple, such as shown here:

<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">Content</div>
</div>

Comments (Comment Moderation is enabled. Your comment will not appear until approved.)
We've also implemented an AutoSuggest feature on the Historic Preservation decisions on our site: http://www.ll.georgetown.edu/histpres/decisions.cf... -- We're waiting for ColdFusion 8 to do any significant AJAX work, as it makes things much easier.
# Posted By Roger | 4/25/08 1:59 PM
BlogCFC was created by Raymond Camden. This blog is running version 5.9. Contact Blog Owner