Archive for 'Prototype'
Transitioning from Java Classes to JavaScript Prototypes
October 31, 2007 | Filed under: Prototype
To class or not to class, that has been a question than many developers have faced as they came from class based OO worlds into the Prototype Oriented world of JavaScript. Much pain has endured for those that try to contort it.
Peter Michaux has detailed transitioning from Java Classes to JavaScript prototypes by looking at the Observer/Observable pattern and …
Prototype Function in JavaScript
October 30, 2007 | Filed under: Prototype
Prototype function is a part of scripting language commonly used is EcmaScript i.e. JavaScript and Flash Action Script programming. It allows you to override the existing functionality of the objects methods and also allows you to add new methods to the existing in-build JavaScript Objects.
Prototype.js Power
October 29, 2007 | Filed under: Prototype
Using the Prototype JavaScript Framework to charge your AJAX applications.
Image Transition Manager: image transitions with scriptaculous
October 28, 2007 | Filed under: Prototype
The image transition manager is a javascript library based on scriptaculous and prototype. It supports several image transitions, such as fading, appearing, sliding, growing and shrinking. Because it uses the unobtrusive javascript technique, no inline javascript is needed and hyperlinks still function when javascript is disabled.
Prototype and jQuery: A code comparison
October 26, 2007 | Filed under: 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 browser detection.
Load Your Javascripts on Demand
October 26, 2007 | Filed under: Prototype
Dead-simple, non-intrusive “Javascript-on-demand” packaging convention which helps developers and the internet community rapidly develop and prototype applications without the headache of figuring out the witches’ brew of files that need to be copied, included, etc.
Upgrading to Prototype 1.6: A practical example, RadiantCMS
October 25, 2007 | Filed under: 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:
PLAIN TEXT
JAVASCRIPT:
// before:
this.tab_container = document.getElementsByClassName(’tabs’, …
A cute little JavaScript windowing interface using Prototype
October 23, 2007 | Filed under: Prototype
Prototype.js has recently been released in version 1.6. Along with scriptaculous, it may be used to make some pretty cool dynamic interfaces. This is a concept of a JavaScript windowing system in which you can interact with windows not unlike on your desktop.
Upgrading to Prototype 1.6: real world examples
October 21, 2007 | Filed under: Prototype
Prototype core developer Mislav Marohnić recently patched the open-source CMS Radiant to take advantage of the many code-saving features in Prototype 1.6.0, and he’s written an informative description of the process on his new blog, No Strings Attached. Mislav’s writeup covers the migration from Prototype 1.5.0 to 1.6.0, with examples of how to use the improved DOM …
Scriptaculous Lists with PHP
October 18, 2007 | Filed under: Prototype
Scriptaculous is one of many great new JavaScript libraries created to answer the call for well written ‘Web 2.0′ JavaScript libraries.
Realtime email validation with scriptaculous
October 18, 2007 | Filed under: Prototype
When adding this tiny javascript to the onkeyup event of your inputbox, the border will turn green when the email address. It uses scriptaculous’ morph function to perform this transformation.
Prototype 1.6.0 RC1 released
October 17, 2007 | Filed under: Prototype
The new RC version of one of the most popular javascript libraries nowadays is on the wild. Most of the changes include bug fixes from the previous version, but there’s also some great news. The Class API has changed a lot and now offers some great new stuff to create classes and subclasses. The class inheritance has also improved, which …
Prototype 1.6.0 RC1: Changes to the Class and Event APIs, Hash rewrite, and bug fixes
October 16, 2007 | Filed under: 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:
PLAIN TEXT
JAVASCRIPT:
var Foo = Class.create();
Class.extend(Foo, { /* instance methods */ });
to:…
GroupsWiki and Protoedit
October 16, 2007 | Filed under: Prototype
Ben Nolan has open sourced GroupsWiki (which we first talked about almost a year ago). GroupsWiki is a visual wiki, and doesn’t require users to learn a special wiki markup.
Part of the release is Ben’s editor (tentatively named protoedit) which is a minimalist rich text editor written using Prototype. (The editor is in /javascripts/application.js). I haven’t had …
All the famous JavaScript libraries
October 16, 2007 | Filed under: Prototype
JS libs at-a-glance: jquery, mootools, prototype, yui, qooxdoo, mochikit, and more.
Script.aculo.us 1.8 preview
October 15, 2007 | Filed under: Prototype
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 of bugfixes
You can find the full CHANGELOG here….
Testing JavaScript Objects with Function.prototype.call and Crosscheck
October 12, 2007 | Filed under: Prototype
Jason Harwig has written a quick tip on Testing JavaScript Objects with Function.prototype.call. The example that he uses is:
PLAIN TEXT
JAVASCRIPT:
/**
* Call a function with the given execution context and parameters.
* @param <object> instance the object to use as the "this" inside the function
* @param <array of Objects> parameters the objects to pass to the …
Simple Layout Manager with Prototype
October 9, 2007 | Filed under: Prototype
Sébastien Gruhier (Mr. Proto) has created a JavaScript layout framework using Prototype 1.6. The Simple Layout Manager lets you create simple layouts using simple CSS and also let you dynamically add to the manager:
PLAIN TEXT
JAVASCRIPT:
layoutManager.add(’your_element_id’);
You can see some simple demos.
We have see a slew of CSS frameworks coming out there, and now we are starting …
Thomas Fuchs, stop being a tease!!
October 6, 2007 | Filed under: Prototype
Script.aculo.us lead developer Thomas Fuchs, posted a very cryptic message on his blog:
Darn it, spill the beans man!!!
Scriptaculous and Why ‘extends’ is Evil
October 4, 2007 | Filed under: Prototype
Holub can be a bit controversial in OO circles. He throws bombs like “getters and setters considered harmful.” Not everyone likes or respects him, but beneath some of that hyperbolic language, he makes some good points. Some of the arguments he makes about OO in general, and Java in particular, can easily be applied to the world of JavaScript and …
3.8k version of prototype.js version 1.5.1.1 (original 98k)
October 3, 2007 | Filed under: Prototype
It still keeps most of the components unlike the moo.fx version. The file is not compressed by any javascript compressor, rather unused components have been removed.
Consuming ASP.NET web services with Prototype.js
September 24, 2007 | Filed under: Prototype
Shows how to set up ASP.NET web services (ie. *.asmx) to be called by JavaScript, in this case the example uses the Prototype.js AJAX method. Explains what is needed in the Web.Config, which is very helpful.
User Interface animations made easy with Scriptaculous
September 24, 2007 | Filed under: Prototype
A good read if you ever wanted to create all sorts stunning javascript animations easily from color fades to sliding dropdown boxes.
jQuery, Prototype, DWR em ação
September 23, 2007 | Filed under: Prototype
No último projeto que participei na CTIS, estive no dia a dia envolvido com as diversas facetas que fazem parte da vida de um desenvolvedor Web atualmente: AJAX, DOM, Javascript e HTML. Não poderia deixar de fora as famosas incompatibilidades entre os navegadores como parte dos problemas e dores de cabeça.
Finding ’send’ in JavaScript
September 21, 2007 | Filed under: Prototype
Ola Bini found send in JavaScript and it was a surprise for a bunch of people.
To call a method on a function you use (). You could get the function object via the ‘.’ notation, or the array access method. This is why it makes sense that given:
PLAIN TEXT
JAVASCRIPT:
window.foo = function() {
alert(’in the foo function’);
};
The following …
OGGETTO PROTOTYPE IN JAVASCRIPT E ACTIONSCRIPT
September 20, 2007 | Filed under: Prototype
L oggetto PROTOTYPE risiede nel metodo costruttore di ogni classe e viene creato automaticamente sia in Actionscript che in Javascript ogni volta che viene creata una nuova instanza della classe. Definendo valori e funzioni originariamente non previsti nel prototype di una classe, questi diventano immediatamente disponibili per tutte le sue instanz
Accordion 2.0
September 19, 2007 | Filed under: Prototype
Kevin Miller has updated his accordion with a new release.
The new version also builds on Script.aculo.us and includes:
Open/Close functionality added (Click on an active accordion)
Nested Vertical Accordions
Accordions will dynamically resize on content added REAL TIME!
Usage
PLAIN TEXT
JAVASCRIPT:
// Horizontal example
var horizontalAccordion = new accordion(’#top_container’, {
classNames : {
toggle : ‘horizontal_accordion_toggle’,
toggleActive …
Sybase Shows Auto Change Tracking and Syncing with Google Gears and iAnywhere
September 11, 2007 | Filed under: Prototype
Eric Farrar of Sybase iAnywhere has been developing a prototype that allows direct database-to-database synchronization of a Gears application to Oracle, SQL Server, DB2 and Sybase databases. We asked Eric about his work and he told us:
At Sybase iAnywhere we provide a data sync infrastructure for mobile and remote apps. The Background Sync architecture mentioned on the Gears site …
DatePicker using Prototype and Scriptaculous
August 31, 2007 | Filed under: Prototype
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:
PLAIN TEXT
HTML:
<script type=”text/javascript” src=”/prototype.js”></script>
<script type=”text/javascript” src=”/scriptaculous.js”></script>
<script type=”text/javascript” src=”/datepicker.js”></script>
<style …
Prototype 1.6.0 release candidate
August 15, 2007 | Filed under: Prototype
The first release candidate of Prototype 1.6.0 has arrived! The core team is continuing its tradition of bringing thoughtful incremental upgrades to the core APIs in addition to performance improvements and bug fixes. Keep reading for some of the highlights of this major release, or download it now for instant gratification.
Event API Enhancements
We dubbed 1.6.0 the “event …
"Prototype and script.aculo.us:" 2nd beta is out!
July 20, 2007 | Filed under: Prototype
The 2nd beta (B1…) of Christophe’s upcoming book, “Prototype and script.aculo.us,” was released yesterday by the Pragmatic Programmers. It now features the whole contents about script.aculo.us, and is 95% content-complete.
At about 390 pages, it’s close to its final size, the only missing elements in there currently being 4 tiny Trac commits and the to-be-coded stuff for Prototype 1.6 (such …
The Ajax Experience, San Francisco
July 12, 2007 | Filed under: Prototype
The Ajax Experience is a series of tech conferences initiated by Ajaxian.com co-founders Dion Almaer and Ben Galbraith. This year, they hold conferences in San Francisco from July 25 to July 27, and Boston from October 24 to October 26.
I’ll be privileged to fly 12 hours for the San Francisco edition, in order to speak at not …
Prototype 1.5.1.1 bug fix release
June 19, 2007 | Filed under: Prototype
Prototype 1.5.1.1 is now available for download. This is a bug fix release that prevents crashes with versions 1.3 and 2.0.x of the Safari browser. We urge everyone using Prototype 1.5.1 to upgrade to this latest release.
Previous versions of Prototype could trigger bugs in Safari’s regular expression engine when updating elements with HTML containing <script> tags or when using …
V1.7.1 beta 3: Prototype 1.5.1, more optimizations and fixes
May 25, 2007 | Filed under: Prototype
This is third beta of script.aculo.us 1.7.1, which provides Prototype 1.5.1 final compatibility and Sortable speed improvements.
The included final 1.5.1 version of Prototype brings the latest and greatest in new cool features and performance gains, so be sure …
New in Prototype trunk: DOM builder
May 12, 2007 | Filed under: Prototype
There is no rest for the Prototype core team. Immediately after we pushed version 1.5.1 out, great changes continue to incubate in our experimental SVN branches, and some of those have recently made their way into trunk. Here’s a look at one such change that will make creating DOM nodes simpler in the next release of Prototype.
Recently …
Prototype and script.aculo.us: The "Bungee book" has landed!
May 7, 2007 | Filed under: Prototype
Core team member Christophe Porteneuve has been hard at work for the past few months tracking and documenting Prototype for his new book Prototype and script.aculo.us, which is now available as a Beta Book from the Pragmatic Programmers (and is scheduled to ship later this year).
The first half of Christophe’s book is a whirlwind tour …
DOS attack on jQuery
May 7, 2007 | Filed under: Prototype
The web is a place full of surprises. And sometimes they aren’t good ones.
Most of you know jQuery, John Resig’s excellent JavaScript library, well… the website it’s hosted on has been the subject of DOS attack over the week-end, and its host kindly invited John to go look for hosting elsewhere.
jQuery has now found a new …
PeepCode: Prototype Video Training Series
May 1, 2007 | Filed under: Prototype
Looking to polish up your Prototype skills or start really learning Prototype? Our friends over at Peepcode have released part one of a two part series on JavaScript with Prototype.
The first part of this series is over an hour long and should be able to get anyone up to speed on Prototype fairly quickly. …
Prototype 1.5.1 released
May 1, 2007 | Filed under: Prototype
After almost two months of testing through four release candidates, the 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.
Incredible Selector speedup and full CSS3 support (read about …
Release candidate 4
April 28, 2007 | Filed under: Prototype
We’ve squeezed a couple more bugs and decided to play safe by releasing yet another release candidate: Prototype 1.5.1_rc4.
Thanks to Ryan Schuft, it comes with a nice, new and long awaited feature: you won’t ever again have to close Internet Explorer’s window between each test.
Here’s the full changelog.
Release candidate 3
April 24, 2007 | Filed under: Prototype
Prototype 1.5.1_rc3 is out!
Here’s what’s new:
Bug fixes
Element.addMethods now again adds the methods to Element. [#7888]
Form.request also works with forms containing an input element with name=”action”. [#8063]
Safari no longer crashes on String#stripScripts and extractScripts with large <script>.
Form.disable works again on non-form elements. [#6887]
String#endsWith now always returns the correct value. [#7822]
Ajax responses with no Content-type …
Rico rises back from the dead
April 20, 2007 | Filed under: Prototype
Rico, the Prototype-based UI JavaScript library, just released a first beta of their upcoming version 2.0.
Here’s what’s new:
Components: Rico 2.0 extends the component set from the previous versions. The LiveGrid has been expanded to include filtering, column resizing, and many more features. The core of Rico 2.0 has been designed to enable custom components to be more easily built.
Animation …
Firebug Security Update
April 5, 2007 | Filed under: Prototype
Joe Hewitt has released an update to Firebug that addresses a Zero Day vulnerability. It’s recommended that everyone upgrade if you’ve got Firebug installed.
You can read more about the update on Joe’s blog.
Thanks to Ray Bango for the heads up on this.
Jester: ActiveResource for Prototype
April 2, 2007 | Filed under: Prototype
The folks over at thoughtbot, inc. have released Jester, an almost identical port of Rails’ ActiveResource to JavaScript.
Here is some sample code showing associations (hijacked directly from the blog post):
>>> eric = User.find(1)
GET http://localhost:3000/users/1.xml
Object _name=User _singular=user _plural=users
>>> eric.posts
[Object _name=Post _singular=post _plural=posts, Object _name=Post _singular=post _plural=posts]
>>> eric.posts.first().body
“Today I passed the bar exam. Tomorrow, I make Nancy my wife.”
>>> eric.posts.first().body …
Future-proofing Prototype
March 20, 2007 | Filed under: Prototype
John Resig, best known for his jQuery JavaScript library and his work at Mozilla, has just posted instructions on testing Prototype against the latest alpha builds of Firefox 3.
While this doesn’t sound so spectacular at first (nothing prevented you from doing so yourself up to now), it’s actually great news for Prototype as it’s part of a …
V1.7.1 beta 1: ‘Performance!’.times(3) + Sound
March 12, 2007 | Filed under: Prototype
On 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 …
V1.7.0: Morphing effects, Prototype 1.5.0 final
January 19, 2007 | Filed under: Prototype
You’ve seen the demos– now it’s prime time!
* Update to Prototype 1.5.0 final
* Change the default setting for effects to support up to 60fps, if renderable by the browser. Add performance info to effects unit test.
* Add hash and CSS className support to Effect.Morph, fixes #6674 [Tobie]
…
V1.7.0 beta 2: morphing with CSS classes, Prototype update
December 18, 2006 | Filed under: Prototype
The second beta of script.aculo.us 1.7.0 is out now, and adds a cool new CSS classnames based morphing feature, alongside Prototype updates.
Bugs in beta 1 where also addressed, especially Opera compatibility.
Head over to mir.aculo.us to …
V1.7.0 beta 1: Morphing?!
November 21, 2006 | Filed under: Prototype
The first beta of script.aculo.us 1.7.0 is out now, and brings you (tada!) morphing!
Head over to mir.aculo.us to learn what this is about and grab the beta version!
…
V1.6.5: Effect.Event, latest Prototype, Builder updates
November 8, 2006 | Filed under: Prototype
I’ve just pushed script.aculo.us 1.6.5 for your download pleasure. It’s a maintenance release that adds a few tweaks here and there—read on!
Update to Prototype 1.5.0_rc1 revision [5462]
…

