Ajax Bestiary: A Javascript Field Guide
 
Ajax Bestiary: A Javascript Field Guide
 
 

Coda Slider 1.1.1 Has Landed

Posted by Don Albrecht

Coda 1.1.1

Niall Doherty just released a minor update to the powerful & sexy jQuery CodaSlider widget. The version 1.1.1 release increases the visual styling capabilities of the widget by adding more css support.

Not a major update, but the drop in nature and dramatically increased styling ability make this an obvious addition to any projects currently using the widget.

Get it at ndoherty.com:

Slick CSS Based Menu From CSS Play

Posted by Don Albrecht

CSSPlay Pro Menu

Stu Nicolls released this excellent CSS menu.  It’s javascript free and provides incredibly rich interaction for something solely CSS based.

Check it out here: http://www.cssplay.co.uk/menus/pro_drop6#nogo53 

Image Cropper, Smooth Ajax Based Image Cropping for Prototype

Posted by Don Albrecht

 Prototype Image Cropper

David Spurr’s Image Cropper is a powerful and easy to use widget for image cropping.

Some Features:

  •  Un-obtrusive
  • Selection can be moved & resized
  • Drag & Drop interface
  • Size can be restricted to ratio
  • Size can be restricted to minimum dimensions
  • Size can be restricted to maximum dimensions
  • Dynamic Preview
  • All operations bounded by image

Get it here: http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/

Spectacular, Unobtrusive Table Script From Frequency Decoder

Posted by Don Albrecht

Frequency Decoder Table

Following in his tradition of delivering, simple, easy to use widgets for beautiful design driven development, Brian McAllister has released this spectacular table widget.

Here are some of the key features:

Check it out at http://www.frequency-decoder.com/2007/11/15/unobtrusive-table-actions-script

A Lightweight Rich Text Editor in jQuery

Posted by Don Albrecht

jQuery RTE

As excellent as Xinha, YUI RTE, Tiny MCE, FCK & the other heavyweight Rich Text Widgets are, they can be massive overkill for many projects Weighing in at only 7k (uncompressed). This jQuery Editor is an incredibly light weight and responsive alternative to the big guns for most projects.

Features:

  • Stylesheet based formatting
  • Image support
  • Link Support
  • Strong, emphasis
  • Bulleted list
  • Source view

Supported Browsers

  • IE6+
  • Safari 3+
  • Firefox
  • Opera

Check it out online here:

http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html

Plotr Well Built, Prototype Based Charting

Posted by Don Albrecht

plotr

Plotr is an excellent charting library built in prototype.  It outputs to a Canvas / SVG drawing object. (IE 6+ Support is powered by the ExplorerCanvas library).

It currently supports:

  • Bar Charts
  • Line Charts
  • Pie Charts
  • Chart Legends

All in all, it’s an excellent lightweight library for adding basic data visualization capabilities to your app.  More importantly, the chart’s it generates are simply stunning, complete with drop shadows, white outlines, & well designed default color schemes.

Check it out online here:

http://solutoire.com/plotr/

Ingrid: A Server-Side Table Widget for jQuery

Posted by Don Albrecht

ingrid 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/

jQuery Scroll Show, A Scrolling Photo Gallery Plugin

Posted by Don Albrecht

scrollshow 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

Mootabs, Simple Easy Tabs For Mootools

Posted by Don Albrecht

mootabs

If you’re looking for a fast and easy way to add tabs to your next project.  It doesn’t get simpler than Mootabs: a lightweight tab widget in mootools.

Key Features:

  • Able to retrieve tab contents via AJAX
  • CSS Styling
  • Transition effects
  • Simplified Markup

I’ve noticed the transitions can be a bit coarse and distracting so I recomend using mootabs without strong transitions if possible.

Get Mootabs Here: http://www.silverscripting.com/mootabs/

Improve Jeditable With Autocomplete

Posted by Don Albrecht

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