JavaScript


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

Ajaxian Featured Tutorial: When is your page ready?

Category: JavaScript, Tutorial

In this tutorial, Patrick Hunlock takes us through a page’s ready states and shows how to write JavaScript code to determine when a page’s DOM elements are loaded and available: The problem with window.onload is that it assumes that no other script or library will want to attach an onload event of its own. And Read the rest…

Posted by Rey Bango at 8:00 am
23 Comments

++---
2.1 rating from 55 votes

GroupsWiki and Protoedit

Category: JavaScript, Library, Showcase

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). Read the rest…

Posted by Dion Almaer at 7:55 am
4 Comments

++---
2.2 rating from 15 votes

IWL: A Perl widget library for the web

Category: JavaScript, Library, Perl

Viktor Kojouharov was sick of constantly having html code snippets inside his perl code. He was seeing too many projects where the code was a messy mixture of perl, html, and in some places, javascript. Since he is familiar with the Gtk+ toolkit he decided to make something similar targeted for the Web. He ended Read the rest…

Posted by Dion Almaer at 12:37 am
2 Comments

+++--
3.1 rating from 21 votes

Monday, October 15th, 2007

Ajax meet OSGi: Expanding Universes Collide with Eclipse RAP 1.0

Category: Java, JavaScript, Toolkit

Ben and I have been surprised at how the universe of Ajax continues to expand. This redshift which has taken it past the browser onto the phone, the Wii, and the server is amazing. Another technology that has done a similar thing is OSGi in the Java space. It started as a component model for Read the rest…

Posted by Dion Almaer at 7:00 am
9 Comments

+++--
3.4 rating from 29 votes

Friday, October 12th, 2007

Testing JavaScript Objects with Function.prototype.call and Crosscheck

Category: JavaScript, Testing, Tip

Jason Harwig has written a quick tip on Testing JavaScript Objects with Function.prototype.call. The example that he uses is: < View 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 Read the rest…

Posted by Dion Almaer at 7:55 am
5 Comments

+++--
3.5 rating from 26 votes

Wednesday, October 10th, 2007

The JavaScript Hyperbolic Browser

Category: Canvas, Examples, JavaScript

Nicolas Garcia Belmonte has created a JavaScript Hyperbolic Browser. What the frick is a Hyperbolic tree? A Hyperbolic Tree (HT) is a “focus+context” information visualization technique used to display large amount of inter-related data. This technique was originally developed (and patented) at Xerox PARC. Check out a real example, using Pearl Jam as a starting Read the rest…

Posted by Dion Almaer at 8:40 am
15 Comments

+++--
3.4 rating from 29 votes

MileScript: A new language that compiles to JavaScript

Category: JavaScript, Library

Joshua Harrison has released MileScript which in his words: …. is an object-oriented, strongly-typed high-level language which we developed from scratch, while following the models of Java and C#. Milescript allows developers to code Milescript source files and packages in a structured manner, and then generate those projects as applications or as libraries. The generated Read the rest…

Posted by Dion Almaer at 4:11 am
28 Comments

+++--
3.2 rating from 38 votes

Tuesday, October 9th, 2007

Simple Layout Manager with Prototype

Category: CSS, JavaScript, Library

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: < View plain text > javascript layoutManager.add(‘your_element_id’); You can see some simple demos. We have see a slew of CSS frameworks Read the rest…

Posted by Dion Almaer at 7:56 am
10 Comments

++---
2.8 rating from 26 votes

Monday, October 8th, 2007

Sun Labs Lively Kernel: Morphic UI for the Web (Self and Squeak)

Category: JavaScript, Library, Toolkit, Tutorial, UI

Sun Labs has released a new Lively Kernel project that takes the Morphic UI framework that Sun developed for Self, and implements it in JavaScript. This enables you to run the kernel and start interacting with the world. There is one world. Why did they do it? The Lively Kernel places a special emphasis on Read the rest…

Posted by Dion Almaer at 9:01 am
23 Comments

+++--
3.3 rating from 61 votes

GPSGate: Access GPS location information through JavaScript

Category: JavaScript, Library

Johan Franson has developed a solution to access a local GPS through Javascript / cross-scripting. His library works in all browsers with that dynamically can include .js script files. Including Firefox, Opera, Opera Mobile and IE. You need to install a program called GpsGate on the client computer which currently only works for Windows and Read the rest…

Posted by Dion Almaer at 7:46 am
7 Comments

+++--
3.4 rating from 28 votes

$: Now with more magic!

Category: Examples, JavaScript, Library

Dustin Diaz is on a roll :) He has posted about Roll out your own JavaScript Interfaces in which he discusses the desire to use style from libraries such as prototype, jquery and friends, yet in a small bit of code where you don’t want to use the library: There are times when using a Read the rest…

Posted by Dion Almaer at 6:47 am
12 Comments

+++--
3.6 rating from 37 votes

Friday, October 5th, 2007

Joe Walker shows a tip from DWR.Next

Category: DWR, Java, JavaScript

I asked Joe to show us something interesting that he is playing with on DWR and he quickly obliged by showing us a new file upload and download feature that allows you to do new fancy things with files. What is cool about this is that the APIs from Java and JavaScript lands feel right Read the rest…

Posted by Dion Almaer at 7:59 am
5 Comments

+++--
3.7 rating from 19 votes

Photoshop Color Picker

Category: Component, JavaScript, Library

John Dyer has seen other colour pickers but has come up with his own that mimics Photoshop: Some pickers try to generate the entire color map in JavaScript by drawing a 256×256 grid made of div. This is very slow, which is why color pickers that go the JavaScript route often don’t draw the entire Read the rest…

Posted by Dion Almaer at 7:22 am
21 Comments

+++--
3.7 rating from 57 votes

Thursday, October 4th, 2007

JSValidate: Form Validation Library

Category: JavaScript, Library

JSValidate is a simple library based on Prototype and Script.aculo.us to allow you to do form validation. You simply use special CSS classes to annotate your form and let the library do the rest. You can see this at work in the demo page. < View plain text > HTML (* means required)   * Read the rest…

Posted by Dion Almaer at 7:08 am
26 Comments

+++--
3.4 rating from 57 votes

Wednesday, October 3rd, 2007

Optimized Speedy Ajax Code

Category: Ajax, JavaScript, Tip

Dustin Diaz has revisited his seven JavaScript techniques and has updated his XHR-getting-function to be faster, using the Lazy Function Definition Pattern, which ends up looking like: var asyncRequest = function() { function handleReadyState(o, callback) { if (o && o.readyState == 4 && o.status == 200) { if (callback) { callback(o); } } } var Read the rest…

Posted by Dion Almaer at 8:53 am
10 Comments

+++--
3.8 rating from 38 votes