docs/module-formElement-FormElement.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JSDoc: Class: FormElement</title>

    <script src="scripts/prettify/prettify.js"> </script>
    <script src="scripts/prettify/lang-css.js"> </script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>

<body>

<div id="main">

    <h1 class="page-title">Class: FormElement</h1>

    
<section>

<header>
    
        <h2><span class="attribs"><span class="type-signature"></span></span>
            <span class="ancestors"><a href="module-formElement.html">formElement</a>~</span>FormElement<span class="signature">(schema, parameters<span class="signature-attributes">opt</span>)</span><span class="type-signature"></span></h2>
        
            <div class="class-description"><p>The form element structure based on a JSON Schema.</p></div>
        
    
</header>

<article>
    <div class="container-overview">
    
        
    <h2>Constructor</h2>
    

    <h4 class="name" id="FormElement"><span class="type-signature"></span>new FormElement<span class="signature">(schema, parameters<span class="signature-attributes">opt</span>)</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Class constructor.</p>
</div>


    <h5>Parameters:</h5>
    

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        
        <th>Attributes</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>schema</code></td>
            

            <td class="type">
            
                
<span class="param-type">object</span>


            </td>

            
                <td class="attributes">
                

                </td>
            

            <td class="description last"><p>Object defining the JSON Schema to be reflected by
the form element.</p></td>
        </tr>

    
        <tr>
            
                <td class="name"><code>parameters</code></td>
            

            <td class="type">
            
                
<span class="param-type">object</span>


            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                </td>
            

            <td class="description last"><p>The form element construction parameters.</p>
                <h6>Properties</h6>
                

<table class="params">
    <thead>
    <tr>
        
        <th>Name</th>
        

        <th>Type</th>

        
        <th>Attributes</th>
        

        <th>Default</th>
        

        <th class="last">Description</th>
    </tr>
    </thead>

    <tbody>
    

        <tr>
            
                <td class="name"><code>elementType</code></td>
            

            <td class="type">
            
                
<span class="param-type"><a href="module-formElementDefinitions.html#~ElementType">module:formElementDefinitions~ElementType</a></span>


            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                </td>
            

                <td class="default">
                
                    module:formElementDefinitions~ElementType.ROOT
                
                </td>
            

            <td class="description last"><p>The
type of the form element regarding the way it is created.</p></td>
        </tr>

    
        <tr>
            
                <td class="name"><code>titleType</code></td>
            

            <td class="type">
            
                
<span class="param-type"><a href="module-formElementDefinitions.html#~TitleType">module:formElementDefinitions~TitleType</a></span>


            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                </td>
            

                <td class="default">
                
                    module:formElementDefinitions~TitleType.STATIC
                
                </td>
            

            <td class="description last"><p>The
type of the form element title.</p></td>
        </tr>

    
        <tr>
            
                <td class="name"><code>state</code></td>
            

            <td class="type">
            
                
<span class="param-type"><a href="module-formElementDefinitions-State.html">module:formElementDefinitions~State</a></span>


            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                </td>
            

                <td class="default">
                
                    new module:formElementDefinitions~State()
                
                </td>
            

            <td class="description last"><p>The
state of the form element at initialization.</p></td>
        </tr>

    
        <tr>
            
                <td class="name"><code>pointer</code></td>
            

            <td class="type">
            
                
<span class="param-type">string</span>


            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                </td>
            

                <td class="default">
                
                    ''
                
                </td>
            

            <td class="description last"><p>A JSON Pointer-like string that
provides unique identification of the JSON Schema being represented by the
form element.</p></td>
        </tr>

    
        <tr>
            
                <td class="name"><code>propertyKey</code></td>
            

            <td class="type">
            
                
<span class="param-type">string</span>


            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                </td>
            

                <td class="default">
                
                </td>
            

            <td class="description last"><p>The name of the property defined
by the provided JSON Schema, only regarded when the child applicator
generating the form element is the <code>properties</code> applicator.</p></td>
        </tr>

    
        <tr>
            
                <td class="name"><code>formOptions</code></td>
            

            <td class="type">
            
                
<span class="param-type">object</span>


            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                </td>
            

                <td class="default">
                
                    {}
                
                </td>
            

            <td class="description last"><p>Object storing optional
parameters for the form element construction.</p></td>
        </tr>

    
        <tr>
            
                <td class="name"><code>removeCallback</code></td>
            

            <td class="type">
            
                
<span class="param-type">function</span>


            </td>

            
                <td class="attributes">
                
                    &lt;optional><br>
                

                </td>
            

                <td class="default">
                
                </td>
            

            <td class="description last"><p>The function to be called if
the form element is removed, only regarded when the form element is of type
<code>ElementType.REMOVABLE</code>.</p></td>
        </tr>

    
    </tbody>
</table>

            </td>
        </tr>

    
    </tbody>
</table>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line56">line 56</a>
    </li></ul></dd>
    

</dl>


    </div>

    
        <h3 class="subsection-title">Members</h3>

        
<h4 class="name" id="content"><span class="type-signature"></span>content<span class="type-signature"> :<a href="module-components-Component.html">module:components~Component</a></span></h4>


<div class="description">
    <p>The content of the form element, complying the JSON Schema
specifications.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type"><a href="module-components-Component.html">module:components~Component</a></span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line192">line 192</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="elementType"><span class="type-signature"></span>elementType<span class="type-signature"> :<a href="module-formElementDefinitions.html#~ElementType">module:formElementDefinitions~ElementType</a></span></h4>


<div class="description">
    <p>The type of the form element regarding the way it is created.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type"><a href="module-formElementDefinitions.html#~ElementType">module:formElementDefinitions~ElementType</a></span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line73">line 73</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="formOptions"><span class="type-signature"></span>formOptions<span class="type-signature"> :object</span></h4>


<div class="description">
    <p>Object storing optional parameters for the form element construction.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">object</span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line115">line 115</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="inPlaceApplicationTree"><span class="type-signature"></span>inPlaceApplicationTree<span class="type-signature"> :<a href="module-inPlaceApplicators-IPASchema.html">module:inPlaceApplicators~IPASchema</a></span></h4>


<div class="description">
    <p>The root node of a tree representation of the possible forms that the
JSON Schema may possibly take considering its in-place applicators.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type"><a href="module-inPlaceApplicators-IPASchema.html">module:inPlaceApplicators~IPASchema</a></span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line141">line 141</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="keywords"><span class="type-signature"></span>keywords<span class="type-signature"> :object</span></h4>


<div class="description">
    <p>The set of JSON Schema keywords that are currently represented by the
form element.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">object</span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line130">line 130</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="layout"><span class="type-signature"></span>layout<span class="type-signature"> :<a href="module-layouts-Layout.html">module:layouts~Layout</a></span></h4>


<div class="description">
    <p>The layout object generating and keeping the DOM references to the form
element representation.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type"><a href="module-layouts-Layout.html">module:layouts~Layout</a></span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line209">line 209</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="pointer"><span class="type-signature"></span>pointer<span class="type-signature"> :string</span></h4>


<div class="description">
    <p>A JSON Pointer-like string that provides unique identification of the
JSON Schema being represented by the form element.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">string</span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line95">line 95</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="propertyKey"><span class="type-signature"></span>propertyKey<span class="type-signature"> :string</span></h4>


<div class="description">
    <p>The name of the property defined by the provided JSON Schema, only
regarded when the child applicator generating the form element is the
<code>properties</code> applicator.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">string</span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line97">line 97</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="removeCallback"><span class="type-signature"></span>removeCallback<span class="type-signature"> :function</span></h4>


<div class="description">
    <p>The function to be called if the form element is removed, only regarded
when the form element is of type <code>ElementType.REMOVABLE</code>.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type">function</span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line117">line 117</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="selectors"><span class="type-signature"></span>selectors<span class="type-signature"> :<a href="module-selectors-SelectorsContainer.html">module:selectors~SelectorsContainer</a></span></h4>


<div class="description">
    <p>The function to be called if the form element is removed, only regarded
when the form element is of type <code>ElementType.REMOVABLE</code>.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type"><a href="module-selectors-SelectorsContainer.html">module:selectors~SelectorsContainer</a></span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line173">line 173</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="state"><span class="type-signature"></span>state<span class="type-signature"> :<a href="module-formElementDefinitions-State.html">module:formElementDefinitions~State</a></span></h4>


<div class="description">
    <p>The state of the form element at initialization.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type"><a href="module-formElementDefinitions-State.html">module:formElementDefinitions~State</a></span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line87">line 87</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="title"><span class="type-signature"></span>title<span class="type-signature"> :<a href="module-components-Component.html">module:components~Component</a></span></h4>


<div class="description">
    <p>The title component of the form element.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type"><a href="module-components-Component.html">module:components~Component</a></span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line171">line 171</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="titleIcon"><span class="type-signature"></span>titleIcon<span class="type-signature"> :<a href="module-components-Component.html">module:components~Component</a></span></h4>


<div class="description">
    <p>The title icon component of the form element.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type"><a href="module-components-Component.html">module:components~Component</a></span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line164">line 164</a>
    </li></ul></dd>
    

</dl>


<h4 class="name" id="titleType"><span class="type-signature"></span>titleType<span class="type-signature"> :<a href="module-formElementDefinitions.html#~TitleType">module:formElementDefinitions~TitleType</a></span></h4>


<div class="description">
    <p>The type of the form element title.</p>
</div>


    <h5>Type:</h5>
    <ul>
        <li>
            
<span class="param-type"><a href="module-formElementDefinitions.html#~TitleType">module:formElementDefinitions~TitleType</a></span>


        </li>
    </ul>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line80">line 80</a>
    </li></ul></dd>
    

</dl>


        <h3 class="subsection-title">Methods</h3>

        
    <h4 class="name" id="activate"><span class="type-signature"></span>activate<span class="signature">()</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Activates the form element, allowing it to be either partially or fully
interacted with respect to its current state.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line240">line 240</a>
    </li></ul></dd>
    

</dl>


    <h4 class="name" id="deactivate"><span class="type-signature"></span>deactivate<span class="signature">()</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Deactivates the form element, disallowing any interaction.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line251">line 251</a>
    </li></ul></dd>
    

</dl>


    <h4 class="name" id="disable"><span class="type-signature"></span>disable<span class="signature">()</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Disables the form element, disallowing any interaction other than its
icon.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line277">line 277</a>
    </li></ul></dd>
    

</dl>


    <h4 class="name" id="enable"><span class="type-signature"></span>enable<span class="signature">()</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Enables the form element, allowing it to be fully interacted.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line262">line 262</a>
    </li></ul></dd>
    

</dl>


    <h4 class="name" id="getInstance"><span class="type-signature"></span>getInstance<span class="signature">()</span><span class="type-signature"> &rarr; {any}</span></h4>
    

<div class="description">
    <p>Retrieves the JSON instance expressed by the form element together with the
inputted values.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line294">line 294</a>
    </li></ul></dd>
    

</dl>


<h5>Returns:</h5>

        
<div class="param-desc">
    <p>The JSON instance associated to the form element.</p>
</div>


<dl>
    <dt>
        Type
    </dt>
    <dd>
        
<span class="param-type">any</span>


    </dd>
</dl>

    
    <h4 class="name" id="isEnabled"><span class="type-signature"></span>isEnabled<span class="signature">()</span><span class="type-signature"> &rarr; {boolean}</span></h4>
    

<div class="description">
    <p>Checks if the form element is enabled.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line232">line 232</a>
    </li></ul></dd>
    

</dl>


<h5>Returns:</h5>

        
<div class="param-desc">
    <p><code>true</code> if the form element is enabled (that is, fully
interactive), <code>false</code> otherwise.</p>
</div>


<dl>
    <dt>
        Type
    </dt>
    <dd>
        
<span class="param-type">boolean</span>


    </dd>
</dl>

    
    <h4 class="name" id="rebuild"><span class="type-signature"></span>rebuild<span class="signature">()</span><span class="type-signature"></span></h4>
    

<div class="description">
    <p>Rebuilds a form element after using the current in-place applicators
selection.</p>
</div>


<dl class="details">

    
    <dt class="tag-source">Source:</dt>
    <dd class="tag-source"><ul class="dummy"><li>
        <a href="form_formElement.js.html">form/formElement.js</a>, <a href="form_formElement.js.html#line217">line 217</a>
    </li></ul></dd>
    

</dl>


</article>

</section>


</div>

<nav>
    <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-childApplicators.html">childApplicators</a></li><li><a href="module-components.html">components</a></li><li><a href="module-formElement.html">formElement</a></li><li><a href="module-formElementDefinitions.html">formElementDefinitions</a></li><li><a href="module-inPlaceApplicators.html">inPlaceApplicators</a></li><li><a href="module-JsonSchemaForms.html">JsonSchemaForms</a></li><li><a href="module-JsonSchemaKeywords.html">JsonSchemaKeywords</a></li><li><a href="module-JsonSchemaType.html">JsonSchemaType</a></li><li><a href="module-layouts.html">layouts</a></li><li><a href="module-selectors.html">selectors</a></li></ul><h3>Classes</h3><ul><li><a href="module-childApplicators-AdditionalItems.html">AdditionalItems</a></li><li><a href="module-childApplicators-AdditionalProperties.html">AdditionalProperties</a></li><li><a href="module-childApplicators-ArrayHandler.html">ArrayHandler</a></li><li><a href="module-childApplicators-ChildrenHandler.html">ChildrenHandler</a></li><li><a href="module-childApplicators-Items.html">Items</a></li><li><a href="module-childApplicators-ObjectHandler.html">ObjectHandler</a></li><li><a href="module-childApplicators-Properties.html">Properties</a></li><li><a href="module-components-AddButton.html">AddButton</a></li><li><a href="module-components-BooleanInput.html">BooleanInput</a></li><li><a href="module-components-GeneratorIcon.html">GeneratorIcon</a></li><li><a href="module-components-InputTitle.html">InputTitle</a></li><li><a href="module-components-InstanceViewPanel.html">InstanceViewPanel</a></li><li><a href="module-components-LabelTitle.html">LabelTitle</a></li><li><a href="module-components-NumericInput.html">NumericInput</a></li><li><a href="module-components-PillsInstancePanel.html">PillsInstancePanel</a></li><li><a href="module-components-RemoveButton.html">RemoveButton</a></li><li><a href="module-components-RequiredIcon.html">RequiredIcon</a></li><li><a href="module-components-RootIcon.html">RootIcon</a></li><li><a href="module-components-Select.html">Select</a></li><li><a href="module-components-SelectInstancePanel.html">SelectInstancePanel</a></li><li><a href="module-components-TextInput.html">TextInput</a></li><li><a href="module-components-Toggler.html">Toggler</a></li><li><a href="module-formElementDefinitions-State.html">State</a></li><li><a href="module-formElement-FormElement.html">FormElement</a></li><li><a href="module-inPlaceApplicators-Aggregation.html">Aggregation</a></li><li><a href="module-inPlaceApplicators-InPlaceApplicator.html">InPlaceApplicator</a></li><li><a href="module-inPlaceApplicators-IPASchema.html">IPASchema</a></li><li><a href="module-layouts-Layout.html">Layout</a></li><li><a href="module-selectors-Selector.html">Selector</a></li><li><a href="module-selectors-SelectorsContainer.html">SelectorsContainer</a></li><li><a href="module-selectors-SelectorsToolbar.html">SelectorsToolbar</a></li></ul><h3>Interfaces</h3><ul><li><a href="module-childApplicators-ChildApplicator.html">ChildApplicator</a></li><li><a href="module-components-Component.html">Component</a></li><li><a href="module-components-InputComponent.html">InputComponent</a></li></ul><h3>Global</h3><ul><li><a href="global.html#defaultFormOptions">defaultFormOptions</a></li><li><a href="global.html#formElementByDiv">formElementByDiv</a></li><li><a href="global.html#lcm">lcm</a></li><li><a href="global.html#pointerToId">pointerToId</a></li></ul>
</nav>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.4</a>
</footer>

<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>