JavaScript


Friday, June 9th, 2006

protoGrowl: Notification Messages

Category: JavaScript, Library

Over at Midgard CMS, they have created protoGrowl, a JavaScript utility to bubble up event notifications in a web page. This library is inspired by the OS X tool Growl that gives a system level notification system to Mac OS X. Usage < View plain text > javascript <script language="javascript">   new protoGrowl({type: ‘info’, title: Read the rest…

Posted by Dion Almaer at 8:36 am
6 Comments

+++--
3.4 rating from 54 votes

Wednesday, June 7th, 2006

Visual Wordnet

Category: JavaScript, Library, Toolkit, UI

Kyle Scholz has created a Visual Wordnet based on his Force Directed Graph engine written in JavaScript. Force Directed Graphs are self-organizing, visually appealing tools for representing relational data. The look is organic, because algorithms simulate the way charged particles arrange in space. They work great in user interfaces because the user has access to Read the rest…

Posted by Dion Almaer at 8:42 am
10 Comments

+++--
3.9 rating from 40 votes

Dojo Widgets: Beyond Hello World

Category: Articles, Dojo, Examples, JavaScript, Toolkit

Brian McCallister started to get a bit deeper into Dojo widgets, and kindly decided to fill us in on his work. In his piece he builds on the new dojo.widget.defineWidget: < View plain text > javascript dojo.widget.defineWidget("skife.sample.CommentPane", dojo.widget.HtmlWidget, {   templatePath: "http://morphy.skife.org/src/dojo-samples/CommentPane.html",   templateCssPath: "http://morphy.skife.org/src/dojo-samples/CommentPane.css",     /* Default Property Values */       Read the rest…

Posted by Dion Almaer at 8:36 am
4 Comments

+++--
3.7 rating from 43 votes

Monday, June 5th, 2006

IBM Donates to the Dojo foundation

Category: Accessibility, Ajax, Dojo, JavaScript, Library

We are seeing more and more collaboration between the open source projects and the traditional software development community. Today we see a new partnership between IBM and the Dojo Foundation: IBM today announced plans to contribute key intellectual assets to the open source community, in an effort to help companies and software developers adopt and Read the rest…

Posted by Dion Almaer at 6:07 pm
12 Comments

++++-
4.1 rating from 47 votes

Building a Pagination System with AJAX

Category: JavaScript, Programming

DevArticles has the first part of a new series posted today – a look at the creation of a pagnation system with a little help from Ajax. You know how to use AJAX to pull rows from a database, but do you know how to create an AJAX-based system to organize the records neatly into Read the rest…

Posted by Chris Cornutt at 3:21 pm
9 Comments

+++--
3.1 rating from 83 votes

Prototype Window Class

Category: JavaScript, Library, Prototype

The Prototype Window Class allows you to add in-browser windows with the flick of a few lines of code (and CSS to tweak). The window features: Resizable windows Minimize/Maximize Modal Dialogs Visual Effects Skinnable Usage < View plain text > javascript win = new Window(‘window_id’, {title: "Sample", top:100, left:350}) win.getContent().innerHTML = "<h1>Hello world !!</h1>"; win.setDestroyOnClose(); Read the rest…

Posted by Dion Almaer at 8:54 am
20 Comments

+++--
3.7 rating from 98 votes

Friday, June 2nd, 2006

Levels of JavaScript Knowledge

Category: Articles, JavaScript

This is perfect for Friday. Dean Edwards has been inspired by the Levels of HTML Knowledge and created a version for your JavaScript knowledge: It starts at: < View plain text > javascript alert("Hello World"); and gets to: < View plain text > javascript var Hello = new Binding({     greet: function(who) {   Read the rest…

Posted by Dion Almaer at 10:37 am
11 Comments

+++--
3.7 rating from 54 votes

Thursday, June 1st, 2006

What to do with Objects, Arrays, and Libraries that Use Them

Category: JavaScript

It’s official, at least according to James McParlane: June 6 is “Array” and “Object.prototype” Awareness Day. I want my children to grow up in a world when coding in JavaScript does not result in a fistfight …

Posted by Michael Mahemoff at 10:59 am
2 Comments

++++-
4 rating from 26 votes

Serving JavaScript Fast

Category: JavaScript, Programming

Cal Henderson brings us this new (lengthy) article on ThinkVitamin.com, a look at speeding up the one thing that’s really growing large on Web 2.0-type applications – the Javascript running behind the scenes. With our so-called “Web 2.0” applications and their rich content and interaction, we expect our applications to increasingly make use of CSS Read the rest…

Posted by Chris Cornutt at 8:52 am
3 Comments

++++-
4 rating from 25 votes

Narrative JavaScript: Async blocking for JS

Category: JavaScript, Library

Neil Mix has created an extension to JavaScript called Narrative JS: Overview Narrative JavaScript is a small extension to the JavaScript language that enables blocking capabilities for asynchronous operations. This makes writing asynchronous code sequences easier and increases code readability. How it Works Narrative JavaScript consists of a compiler and a runtime library. You write Read the rest…

Posted by Dion Almaer at 8:44 am
10 Comments

++++-
4 rating from 27 votes

Wednesday, May 31st, 2006

Protowidget: Widget system on top of Prototype

Category: JavaScript, Library, Prototype

Terry Laurenzo found that he liked “the simplicity of Prototype, the widgets/templates from Dojo and the event-based property binding support from OpenLaszlo/Flex”. This caused him to create Protowidget which builds on Prototype to add widget support a la Dojo. Widgets As the name implies, Protowidget is based on widgets. While some widgets are provided (and Read the rest…

Posted by Dion Almaer at 8:36 am
18 Comments

+++--
3.7 rating from 46 votes

Joe Hewitt Talks on Firebug (Video)

Category: Firefox, JavaScript, Utility

If you’ll remember a little while back, we posted about the latest release of a handy Javascript extension for Firefox that makes working with the language much simpler. Well, the folks over at the Yahoo! Interface Blog have posted even more information about it – this time, in the format of a video from a Read the rest…

Posted by Chris Cornutt at 6:33 am
3 Comments

+++--
3.4 rating from 17 votes

Tuesday, May 30th, 2006

Publishing Custom Events in JavaScript

Category: Examples, JavaScript, Library, Yahoo!

Dustin Diaz is at it again, this time discussing “custom events” and how to create and use them. A custom event is an event that you define (e.g. onDrool vs. onBlur). Dustin uses the Yahoo! UI event util library to show off how to play with events: < View plain text > javascript // Define Read the rest…

Posted by Dion Almaer at 7:05 am
9 Comments

+++--
3.9 rating from 32 votes

Friday, May 26th, 2006

Subscript Loader: Handling JS scope

Category: JavaScript, Tip

Weird Al over at MozillaZine has written up a little known Mozilla feature known as the JavaScript subscript loader in: JavaScript Scope through “subscript loaders”. Using this you can better handle scoping issues in JavaScript (albeit Mozilla only for now). < View plain text > javascript const scopeRegistry = {   subscriptLoader: Components.classes["@mozilla.org/moz/jssubscript-loader;1"]     Read the rest…

Posted by Dion Almaer at 10:07 am
2 Comments

++++-
4 rating from 48 votes

Thursday, May 25th, 2006

getAttribute href bug in DOM

Category: JavaScript, Programming

Glen Jones has discovered a little “gotcha” while he was wokring on one of his scripts – an issue with the retrevial of the href attribute when working with the DOM. The href attribute is different to other element attributes in that the value set can be relative to the context of the page URL. Read the rest…

Posted by Chris Cornutt at 6:30 am
4 Comments

++++-
4.2 rating from 18 votes

Tuesday, May 23rd, 2006

Building an Ajax Memory Tree with Oracle

Category: JavaScript, Programming

From the Oracle Technology Network today, there’s this new tutorial aiming to help you create a very handy bit of code combining Oracle’s simple tree-based fetching and Ajax’s flexibility to create an “Ajax Memory Tree”. In this article, you will learn how to build an Ajax-based memory tree in Oracle Application Express (formerly HTML DB), Read the rest…

Posted by Chris Cornutt at 6:30 am
1 Comment

+++--
3.4 rating from 21 votes