Getting started with PAX

In this article, we show you how to get started with the PAX javascript framework. We show a simple example using a form, and then follow on with more complex situations.

This article discusses the following parts in detail:

Initial setup
Simple example - datepicker
Extended example - form validation
Complex example - form validation with ajax
Creating your own widgets

Initial setup

In order to get PAX running, follow these steps:

Download and uncompress PAX to the root of your webserver, eg: http://localhost/pax/
Insert the pax development script (pax_dev.js), and the pax CSS file (/pax/resource/css/pax_consolidated.css) into the head of your document.

You are now ready to go! You end up with at least the following html:

    
<html>

    <head>

        <script src='/pax/pax_dev.js' type='text/javascript'></script>

        <style type='text/css'>@import url( /pax/resource/css/pax_consolidated.css );</style>

    </head>

    <body>

    </body>

</html>

Read on for a simple example!