Wednesday, January 31st, 2007

Vitamins for Prototype

Category: Component, JavaScript, Library

The new Devjax library is a collection of plugins based on prototype library to add more functionality for scriptaculous, RICO and extends the DOM library of prototype. An example of the work is a WYSIWYG component: < View plain text > javascript editor = new Devjax.Editor(‘editor-example’,     { width: ‘100%’,height: ‘200px’,     ImagesFolder: Read the rest…

Posted by Dion Almaer at 5:07 am

3.3 rating from 55 votes

Tuesday, January 16th, 2007

ResizingTextArea Prototype Component

Category: Component, Prototype, Rails

Richard McMahon has wrapped the oft-seen resizable text areas in a simple Prototype component ResizingTextArea: JavaScript var ResizingTextArea = Class.create(); ResizingTextArea.prototype = { defaultRows: 1, initialize: function(field) { this.defaultRows = Math.max(field.rows, 1); this.resizeNeeded = this.resizeNeeded.bindAsEventListener(this); Event.observe(field, “click”, this.resizeNeeded); Event.observe(field, “keyup”, this.resizeNeeded); }, resizeNeeded: function(event) { var t = Event.element(event); var lines = t.value.split(‘\n’); var newRows Read the rest…

Posted by Dion Almaer at 7:52 am

3.4 rating from 42 votes

Monday, January 1st, 2007

GCalendar: Accessing Google Calendar from JavaScript

Category: Calendar, Component, Google, JavaScript, Library

Christian Decker wanted to access Google Calendar’s new JSON services in a simple way, so he has created, and shared GCalendar, an API for doing just that. < View plain text > javascript var cal = new Calendar(“”);   cal.onsuccess = function(c){ alert(c); } cal.loadFeed();

Posted by Dion Almaer at 8:00 am

3.5 rating from 62 votes

Tuesday, November 21st, 2006

Dojo File Upload Progress Bar Widget

Category: Component, Dojo

Jeremy Quinn has created a File Upload Progress Bar Widget in Apache Cocoon using the Dojo framework (which Cocoon has been using in general for about a year now). It is simple to use: < View plain text > HTML <!– simple –> <div class="dojo-FormUploadProgress">Upload Progress :</div>   <!– full i18n and css –> <div Read the rest…

Posted by Dion Almaer at 6:34 am

3.9 rating from 144 votes

Thursday, November 16th, 2006

SWFUpload: A nicer file upload experience

Category: Component, Flash, JavaScript

Lars Huring and team have created SWFUpload, a small JavaScript/Flash library that tries to re-make the way file uploads works on the internet. It works by replacing the contents of a div with a small transparent flash that handles all the upload-frontend, javascript for configuration and callbacks and html/css for styling/looks. This allows: Specify what Read the rest…

Posted by Dion Almaer at 7:44 am

4.1 rating from 163 votes

Tuesday, November 14th, 2006

Dojo Smooth Scrolling

Category: Component, Dojo, JavaScript

There have been requests for smooth scrolling widgets in Dojo, and Heng Liu stood up tot he plate by implementing dojo.lfx.smoothScroll. Along with this new dojo.lfx resource, other improvements include: dojo.html.getAbsolutePosition is extended to be compatible with dojo.withGlobal a new function, dojo.html.getAbsolutePositionExt is introduced in resource dojo.html.util to include support for getting abosolute postion of Read the rest…

Posted by Dion Almaer at 12:27 pm

3.7 rating from 44 votes

Wednesday, November 8th, 2006

Dojo Charting Engine Released

Category: Component, Dojo, JavaScript, Library

The Dojo Toolkit keeps adding packages (thankfully they have package management too!). Today, “Greenplum and SitePen announced the contribution of the new Charting engine to the Dojo Toolkit. Originally designed as the foundation for the Greenplum Monitor–a browser-based database monitoring application to be released later this year–the Charting engine is a cross-browser way of creating Read the rest…

Posted by Dion Almaer at 10:28 am

4 rating from 172 votes

Thursday, November 2nd, 2006

Widgipedia: widgets resource

Category: Component

Widgets, Gadgets, whatever you call them. They are the rage. Widgipedia is aiming to be a resource for the widget community allowing you to check out a range of widget galleries, tutorials, code libraries and more. The site also has its share of rich functionality.

Posted by Dion Almaer at 5:33 am

3.4 rating from 25 votes

Thursday, October 26th, 2006 Select Box

Category: Component, Prototype

Gabriel Lanzani has created a Select Box component that is meant to replace <select> with visual effects, a skinnable look, and autocomplete support. < View plain text > javascript new Ajax.SelectBox(id_of_text_field, id_of_div_to_populate, url, id_of_result_value, options); I would stay away from gratuitous use myself, but there are some usecases where it could come in handy.

Posted by Dion Almaer at 9:42 am

3.1 rating from 123 votes

Monday, October 16th, 2006

Google Ajax Video Bar

Category: Component

The Google Ajax Search API has added a Video Bar solution that lets you plug videos to your blog, like a Flickr stream (and others). They have a playground blog that shows a lot of the inline ajax search components in action. Chances are you will not want to flood your own blog with every Read the rest…

Posted by Dion Almaer at 9:18 am

3.7 rating from 29 votes

Wednesday, October 4th, 2006

WidSets: Nokia Mobile Widgets

Category: Component, Mobile

Nokia has released widgets for the mobile world: WidSets. This means that you can create widgets for mobile phones just as people have gotten into creating widgets for the desktop and webtop. If you take a peak into the example widgets you find that you need to create: Config Simple configuration parameters. < View plain Read the rest…

Posted by Dion Almaer at 9:03 am

3.3 rating from 26 votes

Thursday, September 28th, 2006

YUI Slideshow Widget

Category: Component, UI, Yahoo!

Raphael Bauduin has created a a YUI based Slideshow widget. It features: on demand loading of remote slides configurable transition effect easily extenstible, with new effects defined in 6 lines of code. A sample slideshow instance: < View plain text > javascript slideshow2 = new YAHOO.myowndb.slideshow("yui-sldshw-displayer2",     [ { type: ‘remote_html’,       Read the rest…

Posted by Dion Almaer at 9:07 am
Comment here

3.4 rating from 36 votes

Tuesday, September 26th, 2006

Dojo Spreadsheet Widget

Category: Component, Dojo

Marius Hanganu has created a Spreadsheet widget for Dojo with the features: Based on Toolbar and TabContainer widgets Keyboard cell navigation Column, row resizing Cell, column and row selection Cell formatting (font, font size, bold, italic, underline, color, background color) Sheet management (rename, delete, new) Functions (22 math functions, 6 string functions) This is an Read the rest…

Posted by Dion Almaer at 9:20 am

4 rating from 49 votes

Wednesday, September 20th, 2006

BeanView – Forms and Validation for Echo2

Category: Component

Echo2 has been described as Swing for Ajax, and its component model does have a passing similarity with the Java desktop GUI. So it’s not surprising to see a component come out for both Echo2 and Swing at the same time: BeanView 1.1, which was released yesterday. What is BeanView? BeanView is a Java library Read the rest…

Posted by Dietrich Kappe at 11:46 am
Comment here

3.5 rating from 20 votes

Thursday, September 14th, 2006

Ajax-based PHP Grid Acquired, Soon to Open Source

Category: Component, PHP

According to this quick press release, Senza Limiti has snagged an Ajax-based PHP data grid component and is already making plans to publish it out with an open source license. The PHP Grid is an Ajax –based table component that shows database information in a good looking, easy to use way. All user actions are Read the rest…

Posted by Chris Cornutt at 3:47 pm

3.7 rating from 96 votes

YUI Paginating Table Control

Category: Component, Sencha, Yahoo!

Rodrigo Diniz has taken the YUI Grid created by Jack SLocum and made a pagable version. In this code I “override” some functions to make the grid pageable. The sort function is also changed , since I have a paged grid the client function would give me wrong results by sorting only the visible rows. Read the rest…

Posted by Dion Almaer at 8:51 am

3.8 rating from 38 votes