1 <?xml version="1.0" encoding="utf-8"?> 2 <page> 3 <config delay=""> 4 <!--Nothing to do here.--> 5 </config> 6 7 <pad> 8 <pgStyleObject> 9 { theStyle : 'width, height, background, border, borderBottom, borderLeft', 10 propVals : '450px, 350, transparent, 0px none, 1px solid gray, 1px solid gray' } 11 </pgStyleObject> 12 13 <snapObjectToCenter> 14 { snapTo : 'DragMe', 15 align : 'top left', 16 onTop : false, 17 offset : '4,4', 18 delay : '' } 19 </snapObjectToCenter> 20 21 <function name="myTrigger" event="trigger" params="" useTB="true"> 22 <![CDATA[ 23 alert('Received trigger. My name is ' + this.name); 24 ]]> 25 </function> 26 </pad> 27 28 <DragGroup> 29 <mergeTBObjects> 30 { objsToMerge : 'DragGroup' } 31 </mergeTBObjects> 32 33 <!--This works too! But I wanted to verify that <createDraggableObject> worked as well. 34 <function name="myLoad" event="load" params="e" useTB="true"> 35 <![CDATA[ 36 tbfunction_createDraggableObject( 'DragMe', false, 'page', true, true, '', false, true, false); 37 ]]> 38 </function> 39 --> 40 </DragGroup> 41 42 <DragMe> 43 <pgStyleObject> 44 { theStyle : 'width, height', 45 propvals : '42px, 42px' } 46 </pgStyleObject> 47 48 <createDraggableObject> 49 { constrain : false, 50 bounds : 'page', 51 constrainMouse : false, 52 manipulateLayer : true, 53 theme : '', 54 suspend : false, 55 dragParent : true, 56 notify : false } 57 </createDraggableObject> 58 </DragMe> 59 60 <!--Additional <config#> ... </config#> sections as required.--> 61 <config2 delay="350"> 62 <exeJavascriptDirect> 63 <![CDATA[ 64 tbfunction_pgTBObjSet('pad', 'trigger', ''); //Debugging 65 tbfunction_pgGotoURL('pad', 'https://learntotype.today', 0, 0, '', '', '', 66 'scrollbars=1', true, false); 67 ]]> 68 </exeJavascriptDirect> 69 </config2> 70 71 </page>