Prototype


Monday, November 5th, 2007

Getitnext.com: An example of how libraries can co-exist

Category: Ajax, jQuery, Prototype

While reading an article on AuctionBytes.com about eBay search engine GetitNext.com, I did my usual code snooping to see what was powering some of the effects. Lo and behold, what do I see, but Prototype, Script.aculo.us and jQuery smiling at me! Yep, GetitNext.com is leveraging all three to enhance their site. It looks as if Read the rest…

Posted by Rey Bango at 7:00 am
17 Comments

+++--
3.5 rating from 50 votes

Tuesday, October 30th, 2007

Prototip 1.1: Adding more control to your tooltips

Category: JavaScript, Library, Prototype

Nick Stakenburg has rewritten his Prototip to use Prototype 1.6: You can now open, close and toggle tooltips using any mouse event. Keeping your tooltips open adds a new dimension to the library, allowing tooltips to be used in new ways. This release also introduces close buttons, delay and the option to add your own Read the rest…

Posted by Dion Almaer at 6:50 am
12 Comments

+++--
3.9 rating from 33 votes

Friday, October 26th, 2007

Introducing a cross site Ajax plugin for Prototype

Category: JavaScript, Prototype

Thierry Schellenbach has implemented a Prototype plugin that allows you to do cross site remoting using the dynamic script tag method that other frameworks such as Dojo and jQuery have supported for awhile. You can implement this by simply setting crossSite: true as a config parameter to Ajax.Request: < View plain text > javascript new Read the rest…

Posted by Dion Almaer at 9:29 am
14 Comments

++++-
4.2 rating from 61 votes

Prototype and jQuery: A code comparison

Category: JavaScript, jQuery, Library, Prototype

Remy Sharp has gone through the jQuery and Prototype frameworks, which are probably the two closest to each other, and has done a side by side comparison of the frameworks by showing you how similar things work on both. The presentation looks into the utility functions, selectors, DOM manipulation, DOM walking, events, Ajax transport, and Read the rest…

Posted by Dion Almaer at 6:06 am
50 Comments

++++-
4 rating from 320 votes

Thursday, October 25th, 2007

Upgrading to Prototype 1.6: A practical example, RadiantCMS

Category: Examples, Prototype

Mislav Marohnić has taken RadiantCMS and upgraded the Ajax pieces to Prototype 1.6. He has all of the changes in one place and has detailed all of the changes he made. This is a great way to learn about what is new in Prototype 1.6. Here are a few of the before/afters: < View plain Read the rest…

Posted by Dion Almaer at 8:12 am
Comment here

+++--
3.8 rating from 38 votes

Tuesday, October 16th, 2007

Prototype 1.6.0 RC1: Changes to the Class and Event APIs, Hash rewrite, and bug fixes

Category: JavaScript, Library, Prototype

Sam Stephenson has announced Prototype 1.6.0 RC1 which has “fixed a handful of bugs and made some changes to the Class and Event APIs in response to your feedback. We’ve also addressed a long-standing issue with the Hash class.” For example, they show how they changed from: < View plain text > javascript var Foo Read the rest…

Posted by Dion Almaer at 5:56 pm
9 Comments

++++-
4.1 rating from 34 votes

Monday, October 15th, 2007

Script.aculo.us 1.8 preview

Category: Prototype, Scriptaculous

Thomas Fuchs announced a preview release of the Script.aculo.us effects library. Script.aculo.us v1.8 Preview includes: Prototype 1.6 (lastest trunk version) Complete rewrite of Ajax.InPlaceEditor and Ajax.InPlaceCollectionEditor Full CSS inheritance in Effect.Morph New core effect: Effect.Tween Sound: play mp3 files for sound effects; uses native playback on IE and available plugins whereever possible Performance improvements Tons Read the rest…

Posted by Rey Bango at 8:15 am
11 Comments

+++--
3 rating from 45 votes

Thursday, October 11th, 2007

Ajaxian Featured Tutorial: Defining classes and inheritance using Prototype 1.60

Category: Ajax, Prototype

Straight from the source, today’s Ajaxian Featured Tutorial is about how to use inheritance within Prototype 1.60: Prototype 1.6.0 now comes with inheritance support through the Class module, which has taken several steps further since the last version; you can make richer classes in your code with more ease than before. Here’s an example of Read the rest…

Posted by Rey Bango at 9:50 am
14 Comments

+++--
3.1 rating from 14 votes

Saturday, October 6th, 2007

Thomas Fuchs, stop being a tease!!

Category: Prototype, Scriptaculous

Script.aculo.us lead developer Thomas Fuchs, posted a very cryptic message on his blog: Darn it, spill the beans man!!!

Posted by Rey Bango at 3:04 pm
9 Comments

++---
2.6 rating from 60 votes

Tuesday, September 25th, 2007

Reiterate: Symbol#to_proc for JavaScript

Category: JavaScript, Library, Prototype

James Coglan has ported ideas from ideas from Ruby’s Symbol#to_proc and Methodphitamine to create Reiterate, a library for Prototype. The library means that instead of code like this: < View plain text > javascript var value = radioGroup.find(function(radio) {   return radio.checked; }).value;   var divs = someDivs.findAll(function(div) {   return div.hasClassName(‘myClass’) && div.visible(); }); Read the rest…

Posted by Dion Almaer at 8:47 am
14 Comments

+++--
3.2 rating from 29 votes

If I Told You You Had a Beautiful Figure…

Category: JavaScript, JSON, Library, Prototype

…. would you hold it against Aaron Gustafson? Aaron has written about “laying out images consistently within a design is difficult; especially when you hand the keys over to someone else to fill in the content.” The article discusses a microformat for figures so you define a figure using as little or as much as: Read the rest…

Posted by Dion Almaer at 7:00 am
4 Comments

++---
2.9 rating from 39 votes

Friday, September 7th, 2007

Ajaxian Featured Tutorial: Extending DOM elements Prototype’s

Category: Prototype

The Prototype framework continues to be a popular solution for client-side development and with the renewed development efforts by the Prototype team, looks stronger than ever. In this example-oriented tutorial, Juriy Zaytsev, who authored the very popular Context Menu plugin for Prototype, discusses how to use Element.addMethods method of Prototype to extend DOM elements with Read the rest…

Posted by Rey Bango at 8:46 am
2 Comments

++---
2.5 rating from 44 votes

Friday, August 31st, 2007

DatePicker using Prototype and Scriptaculous

Category: Component, Prototype, Scriptaculous

Until we get <input type=”date” /> into the browsers, we will need to create data pickers. DatePicker is a simple one that users Prototype and Script.aculo.us, and does the basics well (although the fade can be a touch annoying to me). It is very simple to use too: < View plain text > HTML <script Read the rest…

Posted by Dion Almaer at 8:47 am
27 Comments

++++-
4.2 rating from 147 votes

Wednesday, August 29th, 2007

Create your own iGoogle with Prototype

Category: Prototype

Sébastien Gruhier, AKA Mr. Proto, is at it again coming up with a new Portal class for Prototype which gives you that ability to create a UI like NetVibes or iGoogle. For those that don’t know, Sébastien is also the author of the very sweet and popular Prototype Window and Carousel classes. The Prototype Portal Read the rest…

Posted by Rey Bango at 7:30 am
13 Comments

+++--
3.6 rating from 97 votes

Monday, August 27th, 2007

Foo: A Prototype based RIA framework

Category: JavaScript, Library, Prototype

Someone actually named their framework Foo! That someone is Rizqi Ahmad, and he is also the developer of Zparse and MindFrame. Foo is a framework specially designed for rapid development of Rich Internet Application. Its syntax is in someway similar to Adobe Spry, but it has more functionality and focused more to RIA Development. Foo Read the rest…

Posted by Dion Almaer at 1:18 am
11 Comments

+++--
3.8 rating from 42 votes

Saturday, August 25th, 2007

Proto.Menu: Prototype-based Context Menu Solution

Category: Prototype

To round off the weekend, here’s a very cool Prototype-based solution for creating context menus: Description Proto.Menu is a simple and lightweight prototype-based solution for context menu functionality on your page Features: Lightweight: ~2 KB (~1.5 KB minified) Unobtrusive: Plays nice with JS turned off, uses its own namespace Cross-browser: Full A-Graded browsers support (Opera Read the rest…

Posted by Rey Bango at 1:15 pm
17 Comments

+++--
3.5 rating from 79 votes