inputEx Documentation Back to homepage

### inputEx Documentation > Getting Started 0.2.2

## Getting started

### Installation into your project

As usual, you will have to copy the javascript, images and css files into your project directory.

- Download the latest inputEx zip file
- Copy the js,css,images directories into your project corresponding directories

### Add inputEx to your page

3 ways of doing this :

- Using the YUI loader, include the inputEx loader (see Using YUI loader for requesting modules) <!-- YUI loader--> <script src="http://yui.yahooapis.com/2.7.0/build/yuiloader/yuiloader-min.js"></script> <!-- inputEx loader --> <script src="../js/inputex-loader.js"></script>
- Insert the script and CSS into your page : (inputEx+YUI) <!-- YUI utilities --> <script src="http://yui.yahooapis.com/2.7.0/build/utilities/utilities.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts/reset-fonts.css" /> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/skin.css" /> ... and other yui dependencies... <!-- inputEx --> <link href="inputex/css/inputEx.css" rel="stylesheet" type="text/css" /> <script src="inputex/js/inputex.js" type="text/javascript"></script> <script src="inputex/js/Field.js" type="text/javascript"></script> <script src="inputex/js/Group.js" type="text/javascript"></script> <script src="inputex/js/Form.js" type="text/javascript"></script> <script src="inputex/js/fields/StringField.js" type="text/javascript"></script> <script src="inputex/js/fields/CheckBox.js" type="text/javascript"></script> ... and the other fields you need ...
- Use the minified files : <!-- YUI utilities --> <script src="http://yui.yahooapis.com/2.7.0/build/utilities/utilities.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts/reset-fonts.css" /> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/skin.css" /> ... and other yui dependencies... <!-- inputEx minified files --> <script src="inputex/build/inputex-min.js" type="text/javascript"></script> <link href="inputex/build/inputex-min.css" rel="stylesheet" type="text/css" />

### Basic example

- Create a DOM element that will contain your form: <div id='myFormContainer'></div>
- Create a basic form after loading: YAHOO.util.Event.addListener(window, "load", function(){ new inputEx.Form({ parentEl: 'myFormContainer', fields: [], buttons: [] }); });

Copyright (c) 2007-2009 Eric Abouaf. All rights reserved.
Generated by JsDoc Toolkit 2.0.0 on Wed, 04 Mar 2009 15:41:32 GMT using neyricjslibs-template.