This appears to be a simple problem, but sadly I haven't yet figured out a solution.
- contained within the bounding box of a rectangle is a circle - only when the mouse enters the bounding box of the rectangle, I want to alert some message - only when the mouse leaves the bounding box of the rectangle, I want to alert some message - when a mouse clicks on the circle, I want to alert some message. Naïve code thus far: <svg xmlns="http://www.w3.org/2000/svg";> <rect width="300" height="300" fill="green" onmouseover="alert('rect.mouseover')" onmouseout="alert('rect.mouseout')" /> <circle id="circ" cx="100" cy="100" r="25" fill="red" onclick="alert('circ.click')"/> </svg> The problem of course is that when the mouse moves into the circle, the mouseout event fires for the rect (even though I'm still within the rect's bounding box). If I put pointer-events="none" on the circle, then I can no longer capture click events on the circle... Any help is appreciated. Thanks, Jeff Schiller ------------------------------------ ----- To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
