1 <?xml version="1.0" encoding="utf-8"?>
  2 <page>
  3    <config delay="">
  4       <stylesheet notifyOnLoad="" special="false">
  5          ../media/myStyles.css
  6       </stylesheet>
  7       
  8       <setPageContentPosition>
  9          { left : 0, top : 0, width : -1, height : -1, addScrollbars : false, transparentBG : true }
 10       </setPageContentPosition>
 11       
 12       <setBrowserWindowStyles>
 13          { color : 'none' }
 14       </setBrowserWindowStyles>
 15    </config>
 16 
 17    <!--Object name tags follow initial configuration tags.-->
 18    <myField>
 19       <pgStyleObject>
 20          { theStyle  : 'border, borderRadius, padding, height, minWidth',
 21            propVals  : '2px solid blue, 12px, 12px, auto, 360px' }
 22       </pgStyleObject>
 23       
 24       <htmlText>
 25          <![CDATA[
 26             My name is <span id="userid">Andy</span>:&ensp; 
 27                <a href="#" id="showMsg">restyle "Andy"</a>
 28          ]]>
 29       </htmlText>
 30    </myField>
 31    
 32    <showMsg>
 33       <pgStyleObject>
 34          { theStyle  : 'fontWeight',
 35            propVals  : 'normal' }
 36       </pgStyleObject>
 37       
 38       <function name="myClick" event="click" params="e">
 39          <![CDATA[
 40             /* CLIFTON: Define click event for the a link tag in <myField>
 41             ***/
 42             var obj = gTBo('userid', 'objRef');
 43             if (obj.style.border) {
 44                //if border is set, remove it
 45                tbfunction_pgStyleObject('userid', 'border, padding', '-,-');
 46             } else {
 47                tbfunction_pgStyleObject('userid', 'border, padding', '1px solid red, 3px 6px 3px 6px');
 48             }
 49          ]]>
 50       </function>
 51    </showMsg>
 52    <!--Additional <config#> ... </config#> sections as required.-->
 53      
 54 </page>