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>:  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>