JavaScript


Wednesday, December 6th, 2006

Creating extensible Prototype Widgets

Category: Articles, JavaScript, Prototype

Justin Palmer has written about avoiding bloat in widgets with respect to Prototype. Widgets walk a fine line between abstractions and implementations. Implementation, in this case, is a practical solution chosen to perform a given function. The problems with widgets occur when the widget author walks too far in one direction, or worse, walks an Read the rest…

Posted by Dion Almaer at 8:01 am
3 Comments

+++--
3.5 rating from 22 votes

Tuesday, December 5th, 2006

JavaScript Tools: Coverage, Memory, and Performance Validator

Category: JavaScript, Utility

Software Verification Limited has released a set of tools for JavaScript developers: JavaScript Coverage Validator is a code coverage software tool. JavaScript Memory Validator is a memory analysis and leak detection software tool. JavaScript Performance Validator is a performance profiler software tool. All three software tools work with Firefox 1.0, 1.5, 2.0 and Flock 0.7. Read the rest…

Posted by Dion Almaer at 6:45 am
6 Comments

+++--
3 rating from 21 votes

Friday, December 1st, 2006

Miro: light-weight JavaScript rendering engine

Category: JavaScript, Library

Edwin Khodabakchian and Olivier Devaux started off integrating Google Custom Search capabilities into Vulnpedia.com, using the Google JavaScript tools. They wanted to go beyond this, and tell their story in Experience #1: Miro, Ajaxlets and the Google Custom Search API which goes through various iterations of the project. It includes a tutorial on Miro, A Read the rest…

Posted by Dion Almaer at 8:00 am
3 Comments

++++-
4 rating from 25 votes

Thursday, November 30th, 2006

DOMTool: Given HTML generate DOM methods

Category: JavaScript, Library, Utility

Stuart Colville has developed a tool for generating DOM methods from an HTML snippet called DOMTool: The idea is that you drop a snippet of HTML in the input and the tool puts it into the document with innerHTML and then loops through that structure to generate the DOM methods needed to append that piece Read the rest…

Posted by Dion Almaer at 8:44 am
10 Comments

+++--
3.8 rating from 26 votes

Wednesday, November 29th, 2006

TDD and Javascript with JsMock

Category: JavaScript, Testing

I’ve been using JsUnit for a while now to do Test Driven Development with OO Javascript. I’ve been implementing mock objects simply by stubbing out methods and adding in a limited amount of logic, but it’s just not the same. So, this past weekend was the time to come up with a port of jMock Read the rest…

Posted by Dietrich Kappe at 11:21 am
2 Comments

++++-
4 rating from 20 votes

Monday, November 27th, 2006

Minus(MO)R a.k.a. Let me write JavaScript but help me!

Category: JavaScript, Library, Rails

Dan Webb has created two Rails plugins to make RJS even better. He has realised that although for some cases RJS is a great thing, you often do want to just use JavaScript, and it looks really ugly to do this: < View plain text > ruby page &lt;&lt; ‘if (someClientSideVariable) {‘ page[‘a’].replace_html :partial =&gt; Read the rest…

Posted by Dion Almaer at 8:03 am
1 Comment

+++--
3.3 rating from 14 votes

Saturday, November 25th, 2006

Poly9’s Polyvalent Javascript URL Parser

Category: JavaScript, Library

Denis Laprise and the Poly9 Group needed a robust URL parser in JavaScript, so they created the Polyvalent Javascript URL Parser. < View plain text > javascript var p = new Poly9.URLParser(‘http://user:password@poly9.com/pathname?arguments=1#fragment’); p.getHost() == ‘poly9.com’; p.getProtocol() == ‘http’; p.getPathname() == ‘/pathname’; p.getQuerystring() == ‘arguments=1’; p.getFragment() == ‘fragment’; p.getUsername() == ‘user’; p.getPassword() == ‘password’;   p.setURL(‘another.url.com’); Read the rest…

Posted by Dion Almaer at 9:00 am
33 Comments

+++--
3.4 rating from 31 votes

DOMContentLoaded.Next

Category: JavaScript, Tip

Andrea Giammarchi has taken the work of Dean Edwards, Mark Wubben, and Paul Sowden to create his DOMContentLoaded Final Solution. The work comes with a test page for http and https, and is documented in this function: < View plain text > javascript function onContent(callback){ // (C) webreflection.blogspot.com     // [please note that this Read the rest…

Posted by Dion Almaer at 8:29 am
16 Comments

+++--
3.4 rating from 30 votes

Friday, November 24th, 2006

Another trick to allow Array subclasses

Category: JavaScript, Tip

Dean Edwards talked about his hack that got us the ability to subclass the Array object in JavaScript. Hedger Wang has a new hack that uses window.createPopup instead of an iframe to for IE to fix some issues. If you take a view source to see what is in there, you get the gem: < Read the rest…

Posted by Dion Almaer at 9:59 am
10 Comments

+++--
3 rating from 21 votes

Thursday, November 23rd, 2006

Open-jACOB Draw2D

Category: JavaScript, Library, Showcase

Open-jACOB Draw2D is a JavaScript library that allows you to create drawings and diagrams. The User interface allows interactive drawing by using your standard browser. No additional software; no third party plug ins. Just run it and use it. Open-jACOB Draw2D is the graph component of the Open-jACOB online Workflow editor. The purpose of this Read the rest…

Posted by Dion Almaer at 10:44 am
18 Comments

++++-
4.3 rating from 36 votes

Google Pages Adds Nice Image Editing

Category: Google, JavaScript, Showcase, UI

When I heard about JotSpot heading to the Googleplex I was excited to know that Abe Fettig (Jot) would be teaming up with the brains at Google Pages, and I can’t wait to see what happens in the world of WYSIWYG editing tools. Google Pages just released a few features, and one of them is Read the rest…

Posted by Dion Almaer at 10:15 am
2 Comments

+++--
3.6 rating from 18 votes

qooxdoo 0.6.2 Released

Category: JavaScript, Library

qooxdoo has a new release that adds support for Webkit. As mentioned above and already announced in our developer blog, qooxdoo now includes support for WebKit. We expect to fully support the next major version Safari 3.0 which will be based on the current development of WebKit. There is only limited support for Safari in Read the rest…

Posted by Dion Almaer at 9:39 am
1 Comment

++++-
4.3 rating from 27 votes

Lollygag: Latest non-Atlas .NET Framework

Category: .NET, JavaScript, Library, Toolkit

The Lollygag framework is a new Ajax framework for .NET. As Steve the author put it: We attended the first Ajax Experience conference in San Francisco and we got super excited about the potential for building Ajax applications. Since we have a Microsoft .NET background, we planned to start building Ajax applications using Microsoft’s Atlas Read the rest…

Posted by Dion Almaer at 8:00 am
5 Comments

+++--
3.7 rating from 27 votes

Wednesday, November 22nd, 2006

SWFAddress 1.0: Deep Linking for Flash

Category: Flash, JavaScript, Library

Michael Klishin has released SWFAddress 1.0, a new open source JS library (and set of simple techniques) that targets Flash/Ajax SEO and deeplinking problem. SWFAddress uses URL rewrite at client and server-side to redirect from “plain” URL to anchored URL that SWFAddress understands and acts accordingly to what developer implemented. Thus one can use links Read the rest…

Posted by Dion Almaer at 10:38 am
6 Comments

++++-
4 rating from 47 votes

DIY Widgets: XSS components to other sites

Category: Articles, JavaScript

Dr Nic Williams has written up a piece on how to embed your components on another site using a XSS approach instead of an iframe one. The tutorial goes though: The user will load up the webpage (e.g. Ajaxian mock page) that has a small <script src=”http://yoursite.com/magic_xss.js”></script> snippet in it [2]. When the page is Read the rest…

Posted by Dion Almaer at 9:04 am
14 Comments

++++-
4 rating from 15 votes

Script.aculo.us 1.7 beta: Now with Morphing

Category: JavaScript, Library, Prototype, Scriptaculous, UI

Morphing with CSS is all the rage now, and Script.aculo.us has stepped up to the plate with their 1.7 beta release. The two main features are: Morphing Effect.Morph is added to the pack, along with a nice helpful any_element.morph to go with it. E.g. showing both styles to morph elements using the given CSS: < Read the rest…

Posted by Dion Almaer at 4:59 am
13 Comments

+++--
3.6 rating from 29 votes