<h2>Installation into your project</h2>
<p>As usual, you will have to copy the javascript, images and css files into your project directory.</p>
<p><ul><br />
<li><a href="http://github.com/neyric/inputex/downloads" target="_new">Download</a> the latest inputEx zip file</li><br />
<li>Copy the <i>js,css,images</i> directories into your project corresponding directories</li></p>
</ul>
<p></p>
<h3>Add inputEx to your page</h3>
<p>3 ways of doing this :</p>
<p><ul><br />
<li>Using the <span class="caps">YUI</span> loader, include the inputEx loader (see <a href="../../examples/yuiloader.html">Using <span class="caps">YUI</span> loader</a> for requesting modules)<br />
<pre><code>
<!-- 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>
</code></pre></p>
</li>
<p><li>Insert the script and <span class="caps">CSS</span> into your page : (inputEx+YUI)<br />
<pre><code>
<!-- 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...</p>
<p><!-- inputEx --><br />
<link href="inputex/css/inputEx.css" rel="stylesheet" type="text/css" /><br />
<script src="inputex/js/inputex.js" type="text/javascript"></script><br />
<script src="inputex/js/Field.js" type="text/javascript"></script><br />
<script src="inputex/js/Group.js" type="text/javascript"></script><br />
<script src="inputex/js/Form.js" type="text/javascript"></script><br />
<script src="inputex/js/fields/StringField.js" type="text/javascript"></script><br />
<script src="inputex/js/fields/CheckBox.js" type="text/javascript"></script><br />
… and the other fields you need … <br />
</code></pre></p>
</li>
<p><li>Use the minified files :<br />
<pre><code>
<!-- 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...</p>
<p><!-- inputEx minified files --><br />
<script src="inputex/build/inputex-min.js" type="text/javascript"></script><br />
<link href="inputex/build/inputex-min.css" rel="stylesheet" type="text/css" /> <br />
</code></pre></p>
</li>
</ul>
<p>h3. Basic example</p>
<ul>
<li>Create a <span class="caps">DOM</span> element that will contain your form: <br />
<pre><code>
<div id='myFormContainer'></div>
<p></code></pre></p>
</li>
<li>Create a basic form after loading:<br />
<pre><code>
YAHOO.util.Event.addListener(window, "load", function(){
new inputEx.Form({
parentEl: 'myFormContainer',
fields: [],
buttons: []
});
});
</code></pre> </li>
</ul>
<p></p>
2009-11-25T20:55:29-08:00
192479
getting-started
108752
Getting Started
2009-04-21T05:50:42-07:00
39354