AJAX Toolkit Framework

Eclipse 3.3

ATF now runs on Eclipse 3.3 and Web Tools 2.0.

JavaScript Development Tools

By default, ATF now integrates with the JavaScript Development Tools (JSDT), which provides rich JavaScript editing features, such as advanced validation, refactoring, code completion, etc. JSDT is tentatively planned for inclusion in WTP 3.0.

NOTE: If you wish to use the existing WTP JavaScript editor, you can disable JSDT by selecting the Help->Software Updates->Manage Configuration menu, then select "ATF support for JSDT" (under "AJAX Toolkit Framework") and click on Disable. Do the same for the "JavaScript Development Tools JSP Support" feature under the "AJAX Toolkit Framework for JST" heading. You can also not select these features during install.

JavaScript Content Assist

For JavaScript content in JS files and HTML files, JSDT provides code completion. Simply press Ctrl+Space. In addition to handling JS keywords and DOM objects, code completion also works for any JavaScript toolkits installed in the project.

JavaScript Content Assist

JavaScript Hover Help

Get quick access to the associated comment of a JS object or method by moving the cursor over the object/method name.

JavaScript Hover Help

JavaScript Find Declaration

Quickly access the declaration of a JavaScript method or object by selecting Open Declaration in the context menu or by doing a Ctrl+Click (Cmd+Click for Mac OS X) on the object/method name.

JavaScript Find Declaration

Browser popup window support

If a web page tries to open a popup window, ATF now gives you the option to open that window in a new Editor (allowing you to use the browser tools), open as a new window (which is closer to what a user would see), or to ignore the popup.

Browser popup window support

New Project type and wizard

Use the new "AJAX Toolkit Project" wizard to create an ATF project. You can select one or more different toolkits to install in your project.

New AJAX Toolkit Project

Since an AJAX Toolkit Project is a faceted project, you can also create an ATF project by by creating a Static or Dynamic Web Project, and adding the "AJAX Toolkit Module" facet.

New Static Web Project

Project/File Creation Shortcuts

Easily create a new AJAX Toolkit project from the toolbar, or create new HTML, JavaScript or CSS files from the toolbar or context menu.

Toolbar shortcuts

Project Properties page

Add or delete AJAX toolkits from your project through the new "AJAX Toolkits" properties page.

AJAX Toolkit Project Properties

Generic Toolkit Support

While ATF comes predefined for the Dojo, Scriptaculous and OpenRico toolkits, you can add any generic JavaScript toolkit to your project. Simply click on the "New..." button in the "New AJAX Toolkit" dialog.

Add Generic JavaScript Toolkit

Web Development and Web Browser Tools perspectives

The Mozilla perspective has been broken out into two different perspectives. Write your web application in the Web Development perspective, and then switch to the Web Browser Tools perspective in order to run and inspect your web app.

Web Development Perspective

Request Monitor

The XHR Monitor view has been renamed to the Request Monitor and now displays all HTTP requests (i.e. HTML/CSS/JS files, image requests, etc) in addition to XMLHttpRequest calls.

Request Monitor View