1 <?xml version="1.0" encoding="utf-8"?>
  2 <page>
  3    <config delay="">
  4       <!--Configuration tags (e.g.: <stylesheet> and <javascript> tags;
  5           can also include PowerPac function tags; etc.)--> 
  6    </config>
  7    
  8    <theFields>
  9       <!--Group of form fields-->
 10       <pgStyleObject>
 11          { theStyle  : 'paddingLeft',
 12            propVals  : '4px' }
 13       </pgStyleObject>
 14       
 15       <pgTBObjSet>
 16          {  myProp : 'text', 
 17             myValue : '',
 18             delay : 0,
 19             parse : true }
 20       </pgTBObjSet>
 21       
 22       <function name="keyEvent" event="" params="tbName,evt,keyCode,key,shift" useTB="true">
 23          <![CDATA[
 24             /* CLIFTON: Receives keyboard events from keyboard events in form elemets.
 25                         Common function runs after any keystroke entered in any field.
 26             ***/
 27             alert(tbName + ": " + evt + "\nkeyCode: " + keyCode + "   key: " + key);
 28          ]]>
 29       </function>
 30       
 31       <function name="myLoad" delay="2000" event="load" params="e" useTB="true">
 32          <![CDATA[
 33             /* CLIFTON: Set focus ...
 34             ***/
 35             tbfunction_pgTBObjSet('myField1', 'focus', true);
 36          ]]>
 37       </function>
 38    </theFields>
 39    
 40    <myField1>
 41       <function name="myKeyboard" event="keydown,keyup,keypress" params="e">
 42          <![CDATA[
 43             /* CLIFTON: Handle all keyboard events ...
 44             ***/
 45             var keyCode = e.keyCode || e.which, //ASCII code
 46                 key     = e['char'] || e.key, //Actual key pressed
 47                 shift   = e.shiftKey; //Get state of shift key when event occurs
 48             
 49             //Pass event details to group
 50             tbfunction_pgTBObjSet('theFields', 'keyEvent', [this.name, e.type, keyCode, key, shift], 250, false, true);
 51          ]]>
 52       </function>
 53    </myField1>
 54    
 55    <myField2>
 56       <function name="myKeyboard" event="keydown,keyup,keypress" params="e">
 57          <![CDATA[
 58             /* CLIFTON: Handle all keyboard events ...
 59             ***/
 60             var keyCode = e.keyCode || e.which, //ASCII code
 61                 key     = e['char'] || e.key, //Actual key pressed
 62                 shift   = e.shiftKey; //Get state of shift key when event occurs
 63             
 64             //Pass event details to group
 65             tbfunction_pgTBObjSet('theFields', 'keyEvent', [this.name, e.type, keyCode, key, shift], 250, false, true);
 66          ]]>
 67       </function>
 68    </myField2>
 69 
 70    <!--Additional <config#> ... </config#> sections as required.-->
 71      
 72 </page>