Level: Intermediate

Adam Pilkington , Software Engineer, IBM

15 Jan 2008

Register now or sign in using your IBM ID and password.

When you create browser-based applications that display XML data feeds, you often need to code the data-retrieval mechanism and the user interface. Mozilla Firefox provides an infrastructure that frees you from these tasks, so you can concentrate on your application's functionality. Learn how to use Asynchronous JavaScript + XML (Ajax) to download XML data from a Web server, and discover how you can use Extensible Stylesheet Language Transformations (XSLT) to transform it dynamically into Firefox user-interface elements expressed in XML User Interface Language (XUL). You can apply these techniques to any application that uses XML data sources.

In this tutorial

This tutorial walks you through a sample application as it illustrates how you can combine XUL, XSLT, and Ajax to produce dynamic user interfaces. By the end of the tutorial, you'll be able to apply the techniques to any XML-based data source used to drive a Firefox application.

Objectives

• Define a skeleton user interface that populates dynamically.
• Use Ajax to download XML data into Firefox.
• Use XSLT to create XUL elements that you then add to the application.

You need to have a basic understanding of XML and XSLT, and you should be comfortable applying simple transformations to XML data. You also need to be familiar with XUL, the language you'll use to define Firefox user interfaces. Finally, you should be able to write or understand JavaScript, as it's the glue that binds all these technologies together.

System requirements

You will need JavaScript enabled in your browser.

You'll need Firefox Version 2 and a PHP-capable Web server to run the sample application developed in this tutorial.

Duration
1 hours

Formats
html, pdf