JavaScript


Wednesday, February 8th, 2006

J2S: Java2Script Pacemaker

Category: Java, JavaScript, Library

Java2Script Pacemaker is an Eclipse JDT plugin that converts Java code into JavaScript. It supports general Java libraries (java.*) and SWT for UI. Examples of using Prototype for Ajax support are given in the SWT Snippets Tutorials Tutorial of J2S in Eclipse (1): Hello J2S World Tutorial of J2S in Eclipse (2): Hello Simple User Read the rest…

Posted by Dion Almaer at 8:27 am
3 Comments

+++--
3.9 rating from 17 votes

Using Events in Prototype

Category: JavaScript, Programming, Prototype

Ecytemedia has an article on how to use Events in Prototype. It dives into attaching functions to events using Event.observe along with some advanced javascript using anonymous functions and closures. Check out the following code block: < View plain text > javascript $$(this.list + " li").each(function(item) {       Event.observe(item, ‘click’, this.showTagName.bindAsEventListener(this));     Read the rest…

Posted by Rob Sanheim at 7:00 am
1 Comment

++++-
4 rating from 52 votes

Monday, February 6th, 2006

iPhoto-like image resizing using Javascript

Category: Ajax, JavaScript, Programming

In a post from the Aglie Partners’ weblog, John Berry shows how, with the help of Prototype and script.aculo.us, you can use Javascript to create an “iPhoto-like image resizing” tool. Upon seeing the Fluxiom intro video, I was compelled to figure out how they pulled off iPhoto-like image scaling in a browser. Leveraging the work Read the rest…

Posted by Chris Cornutt at 9:19 am
1 Comment

+++--
3.8 rating from 111 votes

Transforming JSON

Category: JavaScript, Utility

Stefan Gössner has seen a need to transform the JSON format, similarly how we transform XML via XSLT. The implementation of JSON/T is by writing rules in JSON format itself. Example Given a JSON object such as: < View plain text > javascript { "link": {"uri":"http://company.com", "title":"company homepage" }} and transform it to: < View Read the rest…

Posted by Dion Almaer at 9:16 am
4 Comments

+++--
3.7 rating from 17 votes

Ajax Magazine: AJAX powered chat applications reviewed

Category: Ajax, JavaScript, Programming

Ajax Magazine has this new post today with their brief reviews on some of the Ajax-powered web-based chat applications that have popped up recently. Many asked me about AJAX chat applications, I have already posted three implementations here but there is more solutions that I haven’t talked about. What is interesting in Chat applications that Read the rest…

Posted by Chris Cornutt at 8:41 am
4 Comments

+++--
3.6 rating from 35 votes

Friday, February 3rd, 2006

Max Kiesler’s List of Web 2.0/Ajax Widgets

Category: Ajax, JavaScript, Programming, Web20

Max Kiesler has a new post on his blog that lists out some of the downloadable Web 2.0 and Ajax “widgets” that he’s found. They’re ones he’s used and checked to be “understandable by the average designer or developer”. It seems as though ever other day a new web 2.0 or AJAX widget comes to Read the rest…

Posted by Chris Cornutt at 9:35 am
5 Comments

+++--
3.7 rating from 40 votes

Thursday, February 2nd, 2006

An Ajax Login System (with Help from PHP)

Category: Ajax, JavaScript, PHP, Programming, XmlHttpRequest

Evolt.org has posted this tutorial on the creation of a login system by combining the powers of PHP and Ajax. The idea is to keep the user on the same page until they are fully authenticated. As it stands now, most pages have to resubmit the data to a handler where it might be rejected Read the rest…

Posted by Chris Cornutt at 10:54 am
9 Comments

+++--
3.8 rating from 145 votes

Wednesday, February 1st, 2006

Adobe Flex 2.0: Beta Released

Category: Flash, JavaScript

Adobe/Macromedia has released a public beta of Flex 2.0. This includes the new Flex Builder which is based on Eclipse. No more timeline in your face! Adobe Flex 2.0 delivers an integrated set of tools and technology enabling developers to build and deploy scalable rich Internet Applications. Flex provides a modern, standards-based language supporting common Read the rest…

Posted by Dion Almaer at 4:35 pm
35 Comments

++++-
4 rating from 36 votes

IBM developerWorks: User annotations in Ajax

Category: Ajax, Browsers, JavaScript, Programming, XmlHttpRequest

On the IBM developerWorks site today, there’s a new tutorial talking about the addition of a comment/sticky-note system to any site. You’ll need to register to get into the article, but it’s a free registration. The ability to add notes and comments to your Web site can be a powerful and attractive feature for users. Read the rest…

Posted by Chris Cornutt at 4:06 pm
2 Comments

+++--
3.6 rating from 31 votes

Mike Chambers: Encapsulating Ajax XMLHTTPRequest Calls within JavaScript classes

Category: Ajax, JavaScript, XmlHttpRequest

Mike Chambers has posted a tutorial with code on his blog today concerning combining a set of Ajax (XMLHttpRequest) calls into Javascript classes. The guys over at Fold posted an article on how to use multiple XMLHTTPRequest (XHR) calls within a single page. This is something that I have had to tackle in my own Read the rest…

Posted by Chris Cornutt at 1:49 pm
Comment here

+++--
3.8 rating from 32 votes

Tuesday, January 31st, 2006

A Huge List of Javascript Libraries

Category: Ajax, JavaScript, Programming

Saddam Azad has a huge post over on his blog today with a pretty comprehensive list of Javascript libraries (including Prototype, AjaxAC, Moo.FX, Rico, and Zimbra). They’re seperated out into sections like “Pure JS Application libraries / Frameworks”, “PHP based AJAX Frameworks”, and “Javascript libs for Flash” with several listings underneath each. Most of the Read the rest…

Posted by Chris Cornutt at 11:32 am
3 Comments

+++--
3.7 rating from 38 votes

Monday, January 30th, 2006

getElementsByTagNames: note the plural

Category: Examples, JavaScript, Utility

Peter-Paul Koch has created a new script which implements getElementsByTagNames. HTML has several related elements with distinct tag names, like h1-h6 or input, select and textarea. getElementsByTagName works only on elements with the same tag name, so you cannot use it to get a list of all headers or all form fields. The getElementsByTagNames script Read the rest…

Posted by Dion Almaer at 1:02 pm
6 Comments

++++-
4.2 rating from 34 votes

Ideal Ajax data format?

Category: Ajax, JavaScript, Programming

The quirky PPK at quirksmode asks: Once you’ve succesfully fired an AJAX request, what sort of response should the server give? An XML document? An HTML snippet? A JSON string which is converted to a JavaScript object? Or something else? In this entry I’d like to discuss the three formats, with examples, and ask you Read the rest…

Posted by Rob Sanheim at 9:30 am
8 Comments

+++--
3.9 rating from 26 votes

MyEclipse 4.1 released with Ajax support

Category: Java, JavaScript, Ruby, Toolkit

MyEclipse is a comprehensive Java web development suite built on top of the Eclipse platform. They just released version 4.1 with a whole host of features for Ajax development. The new Web 2.0 Tools Platform (W2TP) includes a Mozilla based web browser with an integrated JavaScript debugger and DOM inspector. Sure, we have these tools Read the rest…

Posted by Rob Sanheim at 8:47 am
5 Comments

+++--
3.2 rating from 17 votes

Tuesday, January 24th, 2006

Automatic external link interstitials using JavaScript and Behavior.js

Category: Examples, JavaScript

Do you work in an industry that needs to be paranoid about privacy? Patrick Fitzgerald works at WebMD, and had to make sure that users were warned when going to external areas. You could go through every a href, but that is error prone, and isn’t safe. In the Aspect world this would be a Read the rest…

Posted by Dion Almaer at 3:05 am
3 Comments

+++--
3.8 rating from 24 votes

Monday, January 23rd, 2006

JavaScript Tip: Cross Browser Cursor Positioning

Category: JavaScript, Tip

Beau Hartshorne has been burnt by a few pixels when getting the position of the users cursor cross browser. I discovered that IE’s clientX and clientY measurements were sometimes a couple pixels out. It turns out this is because IE’s the clientX and clientY measurements start from (2,2) in standards mode, and (0,0) in quirks Read the rest…

Posted by Dion Almaer at 12:28 am
8 Comments

+++--
3.6 rating from 75 votes