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>