Wednesday, May 23rd, 2007

Chat Infection: Embed Web Chat

Category: Chat, Component, JavaScript, Prototype

Todd Fisher has created Chat Infection, a simple chat widget that sits on top of Prototype. You can see Todd’s work via core.js, which is worth looking at to see the Event.onDOMReady(..) and the like. Here is a new room:

Posted by Dion Almaer at 7:51 am

3.4 rating from 69 votes

Monday, May 21st, 2007

Moo Image Gallery

Category: Component, Examples, JavaScript, Library

Asad Sheth has created an image gallery in 182 lines of code that work with Prototype and Moo.fx.

Posted by Dion Almaer at 5:32 am

3.8 rating from 112 votes

Thursday, May 17th, 2007

AJAX Feed API: Blogroll and Slideshow Controls

Category: Ajax, Component, Google, JavaScript, Library

We have discussed the Google AJAX Feed API when it launched. It offers Ajax developers the ability to access any public feed through a unified API, bypassing any domain issues in a secure way. The team has started to build useful widgets on top of their own API, and show you just the beginnings of Read the rest…

Posted by Dion Almaer at 11:38 am
Comment here

4 rating from 51 votes

Monday, May 14th, 2007

Slider.js – Prototype based Carousel

Category: Component, JavaScript, Library, Prototype, Scriptaculous

Bruno Bornsztein has created Slider.js, a carousel widget that flips between content, based on Prototype and You can see it in action, or download it.

Posted by Dion Almaer at 8:59 am

3.7 rating from 103 votes

Friday, May 4th, 2007

How to correctly use the power of widgets in Ajax

Category: Articles, Component

Laurent Haan has followed up his post on creating an Ajax ratings widget by getting a little more meta, and has posted on how to correctly use the power of widgets in Ajax. It covers the usability and accessibility problems of custom widgets, compared to the standard HTML widgets and discusses the possible implementation methods Read the rest…

Posted by Dion Almaer at 3:27 pm

4.1 rating from 41 votes

Tuesday, May 1st, 2007

Loupe.js: Magnifier Component

Category: Canvas, Component, Showcase

Christian Effenberger is having great fun with canvas. His latest incarnation is Loupe.js, which allows you to add a magnifier to an object on your page. All you have to do is tell Loupe where to put it: < View plain text > HTML <div> <img id="…" onLoad="initLoupe(;" src="…" width="356" height="205" alt="…"/> </div>

Posted by Dion Almaer at 8:00 am

4.4 rating from 97 votes

Tuesday, April 24th, 2007

Gaia Ajax Widgets for .NET

Category: .NET, Component

Gaia Ajax Widgets is an ASP.NET Hijax library, meaning you don’t have to write JavaScript at all to use it but can use C#, VB.NET, Iron Python or any other .Net language you wish. Your code will just transform into ECMA 1.5 and XHTML. Gaia implements most of the ASP.NET 2.0 WebControls like for instance Read the rest…

Posted by Dion Almaer at 6:49 am

4.1 rating from 69 votes

TickerTape: Scrolling tickers in JavaScript

Category: Component, JavaScript, Library

Colin Ramsay has rolled his own TickerTape cmoponent that will scroll through items retrieved from your backend. It is very simple, allowing you to create a ticker tape via: < View plain text > javascript new TickerTape(‘tickertape.php’, ‘myTickerTape’, 5000); // duration between scrolls It would benefit from not scrolling while you have you mouse inside, Read the rest…

Posted by Dion Almaer at 5:40 am

3.2 rating from 29 votes

Monday, April 23rd, 2007

AutoSuggestMenu 1.1

Category: .NET, Atlas, Component, JavaScript

Eric Popivker has released AutoSuggestMenu 1.1, a .NET component for doing the old-faithful-autosuggest feature that helped to get Ajax on the map (pun intended). Features Attaches itself to a specified text box. Utilizes Microsoft AJAX Extensions and JSON to retrieve data from the server. Uses paging to iterate through a large number of suggestions Enables Read the rest…

Posted by Dion Almaer at 7:54 am

3.6 rating from 82 votes

Thursday, March 29th, 2007

YUI DataTable with Row Filtering

Category: Component, Yahoo!

Victor Morales was inspired by the ADO.NET disconnected data model, and it’s “Dataview” which led him to implement something similar for YUI. He created a subclass of DataTable that allows the user to filter rows in the datatable, without the need to make another XHR call. Row Filtering The class YAHOO.dpu.widget.DataTable adds the “defaultView” property, Read the rest…

Posted by Dion Almaer at 6:38 am

4.4 rating from 10 votes

Tuesday, March 27th, 2007

Control.Modal: Unobtrusive CSS Modal Windows and Lightboxes for

Category: Component, JavaScript, Library, Prototype

Ryan Johnson is up to his tricks again. This time he has created Control.Modal, an unobtrussive CSS modal window based on the Prototype library. It weighs in at around 8K and hit a sweet spot for some functionality. The Prototype window class was overkill, and he needed more than just a lightbox). Example Code < Read the rest…

Posted by Dion Almaer at 9:22 am

3.7 rating from 88 votes

Tuesday, March 20th, 2007

SWFUpload Update

Category: Component, Flash

Lars Huring and his team have released a new version of SWFUpload with lots of new features. All downloads are now queued properly, and there are more callback-options and events than before. SWFUpload is a small javascript/flash library to get the best of both worlds – The great upload capabilitys of flash and the accessibility Read the rest…

Posted by Dion Almaer at 7:43 am

4 rating from 41 votes

Turbo Grid version 3

Category: Announcements, Component, Dojo

TurboAjax Group is proud to announce the release of the TurboGrid 3 beta version. This long awaited release supports virtual scrolling, column sizing, compound rows, variable row height, dynamic sizing of columns and grid, fixed columns, tons of events, and much more. TurboGrid is currently available for download for evaluation purposes. Additional licensing options will Read the rest…

Posted by Dion Almaer at 4:36 am

2.7 rating from 38 votes

Friday, March 9th, 2007

Instacomment: Add comments to your site

Category: Component, Showcase

Instacomment allows you to embed a link to a PHP script and some JavaScript to embed a comment system anywhere on your site. The comment widget starts as a chicklet: and when clicked on opens up into a comment view: If you are looking to add a comment system to something that doesn’t bundle comments Read the rest…

Posted by Dion Almaer at 8:27 am

2.8 rating from 12 votes

Tuesday, February 20th, 2007

ColumnNav: Think Apple Heirarchical Menus

Category: Component, Yahoo!

David Lindquist has created a new component for YUI called ColumnNav. ColumNav is a hierarchical menu implementation utilizing Bill Scott’s Yahoo UI Carousel component. Content is loaded from an unordered list (in the form of a DOM object) and displayed in a scrollable viewport, similar to Column View in the Mac OS X Finder. Features Read the rest…

Posted by Dion Almaer at 6:06 pm

4.1 rating from 41 votes

Thursday, February 1st, 2007

jMaki Revolver

Category: Component, Examples, Java, JavaScript, jMaki

Greg Murray of Sun has put together a sample jMaki widget revolver that you use like this: < View plain text > javascript window.onload = function() {     var wargs = {uuid : ‘jmaki-revolver’};     wargs.value = [       {"title" : "jMaki Craigs List Sample", imgSrc : "../images/cl-mashup.jpg", href :""},   Read the rest…

Posted by Dion Almaer at 7:55 am

3.3 rating from 52 votes