document.getElementById('getBoundingClientRectEx').onclick = function(event) {
    var o = getOffsetSum(this)
    var orect = getOffsetRect(this)
    
    event = event || window.event
    if ( event.pageX == null && event.clientX != null ) {
        var html = document.documentElement, body = document.body;
        event.pageX = event.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
        event.pageY = event.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
    }

    var list = document.getElementById('getBoundingClientRectExRes').getElementsByTagName('SPAN')
    list[0].innerHTML = '{left:'+o.left+', top:'+o.top+'}'
    list[1].innerHTML = '{left:'+orect.left+', top:'+orect.top+'}'
    list[2].innerHTML = 'pageX='+event.pageX+' pageY='+event.pageY
}