How to make transparent background clickable?

1. Tell the boss it can't be transparent

2. Within the onmouseout event code, check the event.screenX / event.screenY to see if they've actually left the bounding area of the Gadget - which can be found from window.screenLeft and window.screenTop

The problem with option 2 is (I suspect) the event won't fire when the mouse does actually leave the Gadget, as technically it's already left it. Creating an onmousemove event won't work either, as it will only fire when the mouse is within the Gadget non-transparent region.

I'd go with option 1 personally!

JonathanAbbott at 2007-9-3 >

Oh, maybe i found the workaround....

window.attachEvent('onload', init);

function init() {

trace('init');

document.body.attachEvent('onmouseenter', test);

document.body.attachEvent('onmouseleave', test);

}

function test(event) {

trace(event.type + '@' + event.x + ',' + event.y);

if (event.type == 'mouseover' || event.type == 'mouseenter') {

document.body.setCapture();

} else if (event.type == 'mouseout' || event.type == 'mouseleave') {

document.body.releaseCapture();

}

}

JohnHax at 2007-9-3 >