JavaScript


Friday, December 23rd, 2005

The Dojo Toolkit Manual

Category: Dojo, JavaScript, Toolkit

Open source projects and documentation. It is often a tough combination, and a big differentiator for an open source project is to actually have a lot of quality docs out there. The Dojo team were aware of this, and aware that they were lacking, so they started to build the Dojo Toolkit Manual. If you Read the rest…

Posted by Dion Almaer at 11:57 am
2 Comments

+++--
3.6 rating from 11 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

Quick Tip: Scroll to Bottom of a Div

Category: JavaScript

Eric Pascarello has a nice tip on how to scroll to the bottom of a div. var objDiv = document.getElementById(“divExample”); objDiv.scrollTop = objDiv.scrollHeight;

Posted by Dion Almaer at 9:22 am
4 Comments

++++-
4.2 rating from 48 votes

Thursday, December 15th, 2005

Dojo 0.2 is released

Category: Dojo, JavaScript, Toolkit

Dojo 0.2 has just been released! Go download it now, check out bugs closed for 0.2, or see the full list of packages. Check out the full release notes for everything that is new, here are some highlights: dual-licensed as AFL and BSD (now GPL compatible) JSON support local storage via dojo.storage many new widgets Read the rest…

Posted by Rob Sanheim at 11:40 am
2 Comments

+++--
3.1 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

JSONP: JSON With Padding

Category: JavaScript

Bob Ippolito recently proposed “JSONP” as a standard for grabbing JSON from external domains. It’s about a cleaner way to get data objects (and other things) from the external domain. With On-Demand Javascript, you specify a URL as the source of a new script tag and the browser evaluates the script sitting at that location. Read the rest…

Posted by Michael Mahemoff at 1:15 am
8 Comments

+++--
3.9 rating from 94 votes

Monday, December 5th, 2005

Dynodes: Cross-Domain JS Demo

Category: JavaScript, Programming, XmlHttpRequest

Another cross-domain scripting effort: Dynodes is a demo of cross-domain scripting using the On-Demand Javascript trick. It’s “Dynodes” because the script tag is created via DOM manipulation. var remoteScript=document.createElement(‘script’); remoteScript.id = ‘rs’; remoteScript.setAttribute(‘type’,’text/javascript’); remoteScript.setAttribute(‘src’,’http://www.speculations.com/bar_js.php’); var hd=document.getElementsByTagName(‘head’)[0]; // Gotcha: set attribute and src BEFORE appending, or Safari won’t work hd.appendChild(remoteScript); The script tag is repeatedly created Read the rest…

Posted by Michael Mahemoff at 3:46 pm
1 Comment

+++--
3.6 rating from 20 votes

JavaScript Image Magnifier

Category: Component, JavaScript, Library, Showcase

This is a fun one. A small JavaScript image magnifier has been released. With a big of JavaScript, you can add magnification to any images on your page. You can add: <script type=”text/javascript” src=”http://valid.tjp.hu/zoom/tjpzoom.js”> </script> and: <div style=”float:left” onmouseover=”zoom_on(event,300,239,’image.jpg’);” onmousemove=”zoom_move(event);” onmouseout=”zoom_off();”><img src=”image.jpg”/></div> You can also have a high-res image for the zoom piece, and use Read the rest…

Posted by Dion Almaer at 1:27 am
5 Comments

+++--
3.7 rating from 44 votes

Saturday, December 3rd, 2005

More handy Prototype documentation

Category: JavaScript, Library, Prototype

There are some more docs written recently on Prototype, so now there is no excuse for writing the xhr wrapper again or for dealing with dom manipulation all by hand. Get up to speed quick with this nice tutorial written by Ryan Campbell over on Particle Tree. He covers: the $() function and $F() form Read the rest…

Posted by Rob Sanheim at 6:00 pm
1 Comment

++++-
4.5 rating from 24 votes

Thursday, December 1st, 2005

New in JavaScript 1.6: E4X , Array Extensions, String generics

Category: JavaScript

Now Firefox 1.5 is out, Mozilla keeps moving. The Mozilla Developer Center wiki has posted a few nuggets on JavaScript 1.6. E4X Info ECMAScript for XML (E4X) is a powerful technology for creating and processing XML content within JavaScript. We’re going to continue to improve our E4X support, including adding transparent integration with the existing Read the rest…

Posted by Dion Almaer at 3:31 pm
Comment here

+++--
3 rating from 5 votes

Wednesday, November 30th, 2005

Dojo done quick

Category: Articles, Dojo, JavaScript, Toolkit

Andy Smith has posted an article (if thats 404, try this) about getting up to speed with Dojo quickly. He takes a simple javascript example and walks through the steps of converting it to a Dojo widget. Dojo’s packaging system, event system, and widgets are covered. Note that he is using the latest Subversion checkout Read the rest…

Posted by Rob Sanheim at 9:48 am
7 Comments

+++--
3.8 rating from 43 votes

Tuesday, November 29th, 2005

Tooltip.js: Creating simple tooltips

Category: JavaScript, Toolkit, UI, Usability

Tooltip.js is a simple library that builds on top of Prototype and Script.aculo.us. You can create tooltips programatically, or just by using special CSS classes. CSS Styling Tooltips The most simple example is to add a div with the class of tooltip immediately after the item that you wish to activate a tooltip. E.g. <p>Click Read the rest…

Posted by Dion Almaer at 10:18 am
88 Comments

++++-
4 rating from 144 votes

IE Leak Tool: Drip 0.3 Released

Category: Browsers, IE, JavaScript, Utility

We announced Drip, the IE Leak Detector back in June. Since then, the project got picked up by Matthias Miller, and his team has released a new version of the tool. The new features of Drip are: Major enhancements include: Drip now supports popup windows. (Note that the “Auto-Refresh” button does not apply to popup Read the rest…

Posted by Dion Almaer at 10:00 am
2 Comments

+++--
3.9 rating from 14 votes

Monday, November 28th, 2005

Using Selenium to test asynchronous calls

Category: JavaScript, Testing, Toolkit

Joseph Moore recently wrote about how his team is working with Selenium to test their ajax apps. Most of the normal Selenium actions weren’t working well for the ajax calls, as they are expecting synchronous communication. So Joseph used the “waitForValue” and “waitForCondition” features, which can just sit and watch for the DOM or input Read the rest…

Posted by Rob Sanheim at 12:39 am
3 Comments

++++-
4 rating from 12 votes

Thursday, November 24th, 2005

Getters and Setters in JavaScript

Category: JavaScript

Some of us have been developing in an environment where JavaScript 1.5 is available. One of the small but cool features that you really miss when you get back to the real world of supporting legacy browsers, is getter and setters. Getters and Setters are all about encapsulating field access. They are similar to .NET Read the rest…

Posted by Dion Almaer at 1:29 am
7 Comments

+++--
3.3 rating from 24 votes

ZK Released. New Ajax/XUL Framework

Category: Java, JavaScript, Toolkit

A new Ajax/XUL framework named ZK has been released. ZK is designed to enable Web applications to have both the rich user experiences and the simple programming model. ZK includes an AJAX-based event-driven engine to automate interactivity, and a rich set of XUL-based components. With ZK, you represent your application in feature-rich XUL components, and Read the rest…

Posted by Dion Almaer at 12:32 am
2 Comments

+++--
3.5 rating from 11 votes