Ingrid is a wonderfully feature rich Table Widget built in jQuery.

Features

• Row striping (complex patterns supported)
• Sorting (Server Side)
• Column resizing
• Row & Column Styling
• Beautiful default design

Ingrid’s biggest strength & biggest weakness is its focus on server side data manipulation. In a world where table widgets that support page views of data are less & less common, this is a welcome surprise. It’s also a weakness and overkill for small data sets. Over all, it’s a handy table widget to add to your toolkit.

http://www.reconstrukt.com/ingrid/

ScrollShow is a unique photo gallery implementation that uses scrolling to display the items.  It’s similar to a carousel implementation, but simpler and more flexible.

Check it out here:

http://flesler.blogspot.com/search/label/jQuery.ScrollShow

One of the most powerful jQuery plugins is dimension.  Using dimension you can obtain the position, height & width of just about any element on the page and the window itself.

Uses:

• Determine dimensions of document
• Determine dimensions of window
• Determine scroll offsets of containers
• Set scroll offsets of containers
• Determine dimensions of container contents
• Determine absolute position of elements
• Determine dimensions & offsets of parent elements.

Find Plugin & API Documentation here:

 http://brandonaaron.net/docs/dimensions/

Yesterday I brought you Jeditable a simple plugin to handle edit in place Ajax events.  Today I bring you an Autocompleting, Inplace edit based on Jeditable by Ritesh Arawal.

This plugin extends Jeditiable with a simple AJAX call to retrieve an array of possible values based on user input. 

What it ads:

• url: location to send autocomplete request
• minChars: minimum number of chars to include in autocomplete request
• formatItem: format string to improve display of server response
• inputSeparator: allows you to add multiple input strings (ie tags).

Check it out online at http://php.scripts.psu.edu/rja171/widgets/autocomplete.php

Niall Doherty has released version 1.1 of the powerful CodaSlider AJAX widget. This upgrade takes an excellent widget and makes it even better.

Some highlights:

• Widget Upgraded to Use jQuery 1.2
• Improved Accessibility, all content housed within the slider is now accessible via a scrollable panel.
• YouTube videos now display properly within slider.
• Improved Polish & Pre-loading.
• Cross-Linking Support

Check It Out on Niall’s Blog

http://www.ndoherty.com/blog/2007/10/29/coda-slider-11/

Jeditable is a wonderfully simple plugin to turn any block of text into a mini ajax form.  All you need is a single line of code:

 $(document).ready(function() {
     $(".edit").editable("http://www.example.com/save.php");
 });

Where “.edit” is the selector for the block of text  and the url is the post address.

Other Features:

• Support for textareas, selects & text boxes.
• CSS styling available
• Onblur support
• Custom Submits
• pulldown data can be pulled from URL for selects
• Custom callbacks support
• Custom field support

Check it out here:

http://www.appelsiini.net/projects/jeditable

Lightbox & CodaSlider aren’t compatible.  A situation that was brought to my attention while participating in the comments on a blog post at http://www.ndoherty.com/.  Conflicts like this are a common experience for many of us and I thought this was a good opportunity to explore the cause of one such conflict.

In the case of Lightbox & CodaSlider, the fundamental frameworks were at odds with each other.  Lightbox is built with the Prototype / Scriptaculous framework stack, CodaSlider uses the jQuery framework.  Superficially, this doesn’t seem like a big deal.  While it’s usually bad form to load down a web page with multiple frameworks, I know it’s a crime many of us have been guilty of in the name of expediency or through multiple vendor integrations.  Usually this works, but in this case, the developer was attempting to integrate two widgets that were instantiated at different times and by different methods.

Luckily, there’s a simple solution to the problem.  I directed her towards the popular “ThickBox” widget instead.  In fact, that’s the greatest strength of the Ajax Bestiary we all have at our disposal.  There’s usually another tool available for us to use and in the case of popular frameworks like jQuery, a native solution is out there.  So if you ever find yourself in this situation, try to find the native solution.

Features:

• Multi-column sorting
• Zebra Striping
• Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. Add your own easily
• Most column types automatically detected.
• Support for ROWSPAN and COLSPAN on TH elements
• Support secondary "hidden" sorting (e.g., maintain alphabetical sort when sorting on other criteria)
• Extensibility via widget system
• Small code size
• paging plugin available

Getting Started:

<script type="text/javascript" src="/path/to/jquery-latest.js"></script> 


    <script type="text/javascript" src="/path/to/jquery.tablesorter.pack.js"></script> 

Tablesorter works on any standard html table, simply add the following to the ready function

        $("#myTable").tablesorter(); 

Check out Tablesorter at http://tablesorter.com/docs/

Here’s a handy jQuery plugin to speedup development and greatly enhance debugging.

http://happygiraffe.net/blog/archives/2007/09/26/jquery-logging 

This lets you simply add a .log command to a jquery chain and have the result logged to the firebug console with all relevant contextual information.  Fast, easy and simple.

Coda Slider is a slick, sliding panel widget plugin for jQuery.  It smoothly scrolls between a series of dynamically created tabs and provides a slick, circular navigation.

• Some Features:
• Clean and Valid XHTML Strict
• Circular Navigation
• Dynamically Created Tab Set
• Multiple Sliders Can Exist On One Page
• Cross Browser
• Navigation is queued to prevent sudden jumps.

Some Drawbacks,

• Text not selectable in Firefox 2 PC
• Not Possible to Hyperlink to Selected Tabs / Anchor Support

Get It Online Here:

http://www.ndoherty.com/demos/coda-slider/

Read the Blog Post:

http://www.ndoherty.com/blog/2007/09/15/introducing-coda-slider/