Please send any feedback on admin@ajaxline.com.
If you want to share your experience and post article on Ajaxline just e-mail it to us and we publish it.
The first beta of qooxdoo 0.8 release with lots of changes and improvments. Read the full release info and download the new beta version from official qooxdoo site.
Michael Minella post a tutorial about unobtrusive event handling with Prototype JavaScript library. He writes:
«JavaScript is commonly used to add functionality to HTML documents. There are two ways to do this, with level one event handlers or using unobtrusive JavaScript. One allows you only to assign one event handler to an event at a time and is deeply coupled to your HTML markup. The other allows you to assign as many event handlers to an event as you wish and completely removes JavaScript from your markup. Do you know which is which? This tutorial will cover what the difference is, why using unobtrusive JavaScript is a better approach and how to implement unobtrusive event handlers using the Prototype JavaScript library. »
Source:MichaelMinella.com.
Michael Galpin post an intresting tutorial about using Prototype and script.aculo.us libraries together. Here's the short list of topics discussed in this article:
Introduction to Prototype
Using Prototype's Ajax library
Working with HTML
Working with data
Summary
Source: IBM developerWork.
Sebastian Brink has developed a nice looking gallery application called qGallery
It is really simple to use you just have to upload your images in full resolution together with a simple xml file and include the script and a simple div into the webpage. Everything else is done automatically. The gallery is creating every used image on the fly with the help of some php scripts in the background.
Source: http://ajaxian.com
A new version of Prototype Cheat sheet - a full reference for Prototype 1.6.0.2 released. Here's some notes about notations:
«Modules are sorted in a somewhat logical order - those commonly used are mostly in the left/center area, while deprecated/utility methods are all the way to the right
Method can be recognized by parentheses following it (anything that doesn’t have ones is a property)
Deprecated items are marked red and have NO parentheses/arguments specified
Prototype extends quite few native objects’ prototypes with a set of convenient methods. In such cases there’s an explicit note about it next to a module name - i.g. stripScripts() method from “String (String.prototype)” can be called as 'foo'.stripScripts()
When a module is also a class, there’s a “(constructor)” note next to it - i.g. “Hash (constructor)” means that it should be called as new Hash()
There are few bonus items (such as those from Prototype.Browser) which are not yet included in documentation.»

Prototype 1.6.0.2 was released . This release fix o address several compatibility and performance issues and helps to protect against a potential security issue for developers using Prototype outside of a web browser environment. Was fixed 28 bugs and made over a dozen improvements to the code base, including performance improvements for CSS selectors in Safari 3 and for the Element#up/#down/#next/#previous and Event#findElement methods in all browsers.
The final versions of Prototype 1.6.0, script.aculo.us 1.8.0, and the Prototype & script.aculo.us book are now available. Prototype 1.6.0 is the most significant update to the framework since its inception over two years ago. We’re very excited about the changes in this release, and what better way to celebrate than with an update to script.aculo.us and a book covering all the new goodness?
I'm beginning series of articles where step by step describe ajax photo gallery developing process. This gallery I have created for one of my projects.
Develop ajax gallery with not limited nesting in categories. Categories should support localization (in my case English and Russian ) Should be administrative panel. Everything what possible implement with help of Ajax.
At the beginning of process I get html template of gallery. Not ideal, but everything clear with concept.
Basic idea of tree Html and CSS I got from here . But that tree can have only one nested level and doesn't work in IE.
So it seems to be first task.
Task is clear. First what I want to do, add IE support to and not limited nesting to the tree. Do this using plain Html and CSS. Dynamic generation will be little bit later.
As result I got such tree. As can maybe seen from picture pervious looking is slightly different.
This picture created from such Html:
The next task to create with help of JavaScript the same Html.
On input should be pulled data. Data format is obvious.
With help of favorite text editor create test JSON data. With help of this data the tree of categories will be displayed.
So let's do tree rendering.
Render the tree.
Object structure is pretty simple, tree class, and node class:
Tree - keeps nodes, rendering, etc.
TreeNode - implementation of node logic.
For example, in 1.6.0_rc0, where you’d write:
We’ve changed this so you now write:
var Foo = Class.create();
Foo.addMethods({ /* instance methods */ });As in 1.6.0_rc0, you can still add instance methods directly from Class.create:
It has lots of new features such as:
final version of 1.5.1 is here. The core team and dozens of contributors have fixed 30 bugs and introduced a slew of features and performance optimizations since 1.5.0. Here’s a look at the highlights of our best release yet.
One of most comon web developer's tasks is making HTML element s do some useful things when events are fired by browser, for example, when user's mouse cursor is hovered over the element.
Classic solution for this is attaching event handlers right in HTML code, i.e. <div onclick=...
A great approach for programmer when you have full access to source code, have enough skills to modify it etc. But sometimes you cannot control element's event handlers (imagine you write an article on some website, or you need some event handlers to a particular mod_mainmenu links in Joomla)
While surfing the Web, I've found a library that solves this problem - Cruiser Behaviors library.
I'll show you how you can separate the content and it's behavior using this library. Let's make a HTML that displays Google PR retreived live from Google server without writing event handlers as HTML element properties. PR will be displayed as a tooltip for element, updated once per page display and displayed when user's mouse cursor hovers over the link
the heels of the recent Prototype 1.5.1 release candidate, here’s the latest and greatest version of script.aculo.us: 1.7.1 beta 1.
Beta warning: Things might not work as you might expect, though they really should—if you hit any problems, please use the bug tracker and give reports. The same that applies to Prototype applies for script.aculo.us too, so read the how to contribute page to see how you can help out here!
The most important change is the update to Prototype 1.5.1 which yields major performance improvements, slick new JSON support and various fixes all around. Note that the version of Prototype that comes with script.aculo.us 1.7.1 beta 1 is actually a few steps ahead of the 1.5.1_rc1 release and already incorporates a few additional fixes, so please use the version that comes with the script.aculo.us download.
The first release candidate for Prototype 1.5.1 is now available for download. Prototype 1.5.1_rc1 contains bug fixes, performance improvements, and a few new features. If you’re using Prototype 1.5.0 in your application, we urge you to upgrade to this release candidate and report any bugs you may encounter. Assuming no heinous bugs are found, you can expect the final version to be released sometime within the next couple of weeks.
Keep reading for an overview of what’s changed (or see the full CHANGELOG for more details).
The prototype team has new docs? PDF download thanks to Josh Clark.