Thursday, February 16th, 2006

Yahoo! does Ajax – Javascript libraries and Patterns

Category: Dojo, Library, Prototype, Yahoo!

Over on SitePoint today, in the DHTML & CSS blog section, Kevin Yank has a new post that talks about some of the Javascript libraries, including the new Yahoo offerings. JavaScript is hard, but it could be a lot harder. These days, choosing your tools can actually be most of the work. Today, the poster Read the rest…

Posted by Chris Cornutt at 1:25 pm

3.9 rating from 47 votes

Wednesday, February 15th, 2006 1.5.2 Released

Category: JavaScript, Library, Prototype, the quality effects library, has a new release featuring auto-scrolling draggables. New Features Added auto-scroll option to Draggables and Sortables, activate with scroll: ‘id_of_scroll_container_element’. See test/functional/dragdrop3_test.html for usage/demo Add limit option to effect queues to limit the maximum number of effects in a queue, new unit tests for scoped effect queues, fixes #3498 [thx Read the rest…

Posted by Dion Almaer at 8:26 am
Comment here

4.1 rating from 23 votes

Wednesday, February 8th, 2006

Modal Dialog: Lightbox Goes Wild

Category: Library, Prototype, UI

Chris Campbell has written up a detailed look into an alternative implementation of Lightbox (which we linked to awhile back). The entry goes into detail on the CSS and JavaScript required to build the modal dialog, and it uses Prototype. Brian Shih integrated Scriptaculous effects, which makes it look very Apple-ish. You can check out Read the rest…

Posted by Dion Almaer at 8:36 am

3.7 rating from 101 votes

Using Events in Prototype

Category: JavaScript, Programming, Prototype

Ecytemedia has an article on how to use Events in Prototype. It dives into attaching functions to events using Event.observe along with some advanced javascript using anonymous functions and closures. Check out the following code block: < View plain text > javascript $$(this.list + " li").each(function(item) {       Event.observe(item, ‘click’, this.showTagName.bindAsEventListener(this));     Read the rest…

Posted by Rob Sanheim at 7:00 am
1 Comment

4 rating from 52 votes

Friday, February 3rd, 2006

37Signals load testing Campfire – new chat application

Category: Chat, Prototype, Ruby

37Signals is load testing their new chat application, Campfire. Run over there to take a look and try to bring their servers down. =) Would you use this over standard instant messaging or the other chat apps out there? Campfire certainly looks like the most user friendly chat app for those clients who aren’t technically Read the rest…

Posted by Rob Sanheim at 2:57 pm

3.8 rating from 44 votes

Tuesday, January 31st, 2006

ParticleTree: Preloading Data with Ajax and JSON

Category: Ajax, Programming, Prototype

In this article from ParticleTree they take the typical Ajax kinds of connections that everyone else is doing and “step it up a notch” by showing you how to prefetch with Ajax and the help of some JSON. On most sites, there are usually only a handful of options that can be done at any Read the rest…

Posted by Chris Cornutt at 1:24 pm

3.9 rating from 43 votes

Friday, January 27th, 2006

Brad Neuberg: render UI On The Server or the Client?

Category: Dojo, Presentation, Prototype, Usability

Brad Neuberg has a post worth reading on where to render the UI for ajax apps over on his blog. He talks about two general approaches you can take: Thick Client – basically the server just gives you answers to RESTful web service calls, and your client side code has its own mini-MVC approach so Read the rest…

Posted by Rob Sanheim at 2:27 pm

3.9 rating from 26 votes

Wednesday, January 18th, 2006

Prototype adds CSS selector function: $$(‘div#page p.summary img’)

Category: Library, Prototype, Tip

Those prototype folks love their magic functions don’t they :) This time, Sam Stephenson has added some CSS selector magic to the Prototype trunk. Example: Find all elements inside elements with class “summaryâ€?, all inside the with id “pageâ€? and hide each matched tag: < View plain text > javascript $$(‘div#page p.summary img’).each(Element.hide); For fun, Read the rest…

Posted by Dion Almaer at 12:28 pm

4 rating from 94 votes

Monday, January 9th, 2006

Audible Ajax Episode 12: Thomas Fuchs of

Category: Interview, Podcasts, Prototype

The most popular opensource Ajax JavaScript frameworks are Dojo and Prototype/ Some of the first “wow” moments were due to the effects created by Thomas Fuchs in his library that builds on top of Prototype. Many people didn’t realise that with one line of JavaScript code they could get such a nice effect to Read the rest…

Posted by Dion Almaer at 1:05 am

4.4 rating from 88 votes

Wednesday, December 28th, 2005 1.5.1 includes new effects

Category: Prototype, Toolkit

Do you always wait for the first point release after a final one? Well, has just released version 1.5.1 on the heals of the 1.5 release that came with Rails 1.0. This isn’t just a bug fix release though, but adds features: Effect.toggle allows silly easy implementation of toggling elements with Slide, Blind and Read the rest…

Posted by Dion Almaer at 9:40 am

4.1 rating from 45 votes

Thursday, December 22nd, 2005

JavaScript Performance: Comparing the Atlas and Prototype class idioms

Category: .NET, JavaScript, Prototype

Firstly, it has to be said that micro-benchmarks are the root of all evil. Now that is out of the way, Jon Meyer took the time to compare styles of subclassing in JavaScript, based on what he sees in Prototype and Atlas. He analyzes performance implications, giving numbers, and it allows you to see differences Read the rest…

Posted by Dion Almaer at 9:56 am
1 Comment

3.2 rating from 20 votes

Tuesday, December 20th, 2005

Debugging Ajax Requests in Prototype

Category: Editorial, Prototype

How do we debug our Ajax applications? The Rails Weenie has taken the Ajax Responder feature in Prototype: Ajax.Responders.register({ onCreate: function() { if (Ajax.activeRequestCount > 0)‘spinner’); }, onComplete: function() { if (Ajax.activeRequestCount == 0) Element.hide(‘spinner’); } }); and has written a simple responder to use in debugging: Ajax.Responders.register({ // log the beginning of the Read the rest…

Posted by Dion Almaer at 8:30 am

3.1 rating from 8 votes

Thursday, December 15th, 2005

Cold Fusion + Prototype Ajax presentation and example code

Category: Examples, Prototype

Pete Freitag has posted the outline and an example from an Ajax presentation he gave at a Cold Fusion users group. The example is the standard zip code lookup with Cold Fusion on the server and Prototype for the client side. Prototype makes the error handling and form handling easy, as you can see from Read the rest…

Posted by Rob Sanheim at 9:29 am
1 Comment

3.6 rating from 8 votes 1.5 and Prototype 1.4 final released

Category: Prototype, Toolkit

Ruby on Rails had a 1.0 release this week. Along with this, the Ajax side of and Prototype have final releases of their own. Download Prototype 1.4 Download 1.5 Get it while its hot.

Posted by Dion Almaer at 1:54 am
Comment here

3.4 rating from 8 votes

Wednesday, December 14th, 2005

Javascript closures for object oriented Ajax

Category: Articles, JavaScript, Programming, Prototype

Alex Vollmer has posted a nifty article on using closures for object oriented ajax, using Prototype’s Ajax.Request object as the example. Many developers coming from the more static Java/C++/C# worlds have problems wrapping their head around closures when they first start doing ajax work with callbacks for XHR. Alex’s writes: …a closure allows JavaScript to Read the rest…

Posted by Rob Sanheim at 1:35 pm
1 Comment

3.9 rating from 12 votes

Monday, December 12th, 2005

Prototype Meets Ruby: A Look at Enumerable, Array and Hash

Category: Articles, Prototype

A lot of the open source Ajax frameworks need a bit more on the documentation don’t they Justin Palmer has gone through and documented some of the features that Prototype adds to your JavaScript experience. Iterating over an array someArray.each(function(num) {; }); Exposing Hash Key/Value pairs $H(F.Products[0]).each(function(product) { + “: ” + product.value); Read the rest…

Posted by Dion Almaer at 12:34 am
Comment here

2.6 rating from 10 votes