1 <?xml version="1.0" encoding="utf-8"?> 2 <page> 3 <config delay=""> 4 <setPageContentPosition> 5 { left : 10, top : 10, width : -1, height : -1, scrollbars : false, transBG : true } 6 </setPageContentPosition> 7 </config> 8 9 <myGraphics> 10 <!--Group of 2 rectangles named "myRectangle" and "myRectangle2"--> 11 <function name="myMouse" event="mousedown" params="evt,undef,target,mX,mY,isShift,isCntrl" useTB="true"> 12 <![CDATA[ 13 /* CLIFTON: ToolBook exposes the above parameters for the mouseDown event. 14 It is possible to get many other properties and information 15 from the original event object that is generated at the 16 window level. 17 PURPOSE: Shows a dialog box of information about the object and event when 18 user clicks (mousedown) on an element in this group. 19 ***/ 20 var msg = '', 21 dObj = gTBo(target.id, 'objRef'), //Get the DOM object 22 event = getToolBookFrame().parent.event || getToolBookFrame().event; 23 24 for (var i = 0; i < arguments.length; i++) { 25 //Collect the parameter values from ToolBook event 26 msg += 'param ' + i + ': ' + arguments[i] + '\n'; 27 } 28 29 msg += 'button: ' + event.button + '\n'; 30 msg += 'TB Object name: ' + target.name + '\n'; 31 msg += 'TB Object id: ' + target.id + '\n'; 32 msg += 'DOM id: ' + dObj.id + '\n'; 33 msg += 'DOM tag: ' + dObj.tagName + '\n'; 34 msg += 'DOM html: ' + dObj.innerHTML; 35 36 alert(msg); 37 ]]> 38 </function> 39 </myGraphics> 40 41 <system> 42 <!--Style system (syspageDiv) element that holds the ToolBook page--> 43 <pgStyleObject> 44 { theStyle : 'borderRadius, boxShadow', 45 propVals : '22px, 2px 2px 10px 2px rgb(64,64,64)~0px 0px 22px 2px green inset' } 46 </pgStyleObject> 47 </system> 48 49 <!--Additional <config#> ... </config#> sections as required.--> 50 51 </page>