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>