<klip>
   <identity>
      <title>
         API: TextArea.onChange
      </title>
   </identity>
   <locations>
      <contentsource>
         http://support.klipfolio.com/files/demo/demo.xml
      </contentsource>
      <icon>
         http://www.klipfolio.com/static/klips/klipfolio/sample_icon.png
      </icon>
      <banner>
         http://www.klipfolio.com/static/klips/klipfolio/sample_banner.png   
      </banner>
   </locations>
   <style>
      alert {
         type: item;
      }

      sender {
         itemcol: 2;
         noterow: 1;

         label: 'Sender';

         emphasis: strong;
      }


      summary {
         itemcol: 3;
         noterow: 4;

         wrap: false;

         notelabel: false;
      }

      date {
         itemcol: 4;
         noterow: 2;

         label: 'Date';
      }

      category {
         noterow: 3;

         label: 'Category';
      }


      level {
         itemcol: 1;
         noterow: 5;
         notelabel: false;
         
         type: image;
      }

      url {
         type: link;
      }
            
      id {
         key: override;
      }
      
   </style>
   <klipscript>
   <![CDATA[

var textarea; 

function onLoad() {

    // Create a new tab
    var tab = Setup.addTab( "New Tab" );

    // Add a textfield to the tab
    textarea = tab.addTextArea();
  
    // Add a handler
    textarea.onChange = textarea_onChange;
}

function textarea_onChange( text ) {
    this.value = text.toUpperCase ();

    trace( "New value: " + this.value + "\r\n" );
    // Note: Could use 'this.value' instead of 'text'
}


function onRefresh()
{
	return Engines.Data.process( Prefs.contentsource );
}
  
   ]]>
   </klipscript>
</klip>

