Hello Everyone, I am trying to create a small tool completely in SVG with the help of JavaScript. It consists of two wheels. The front one is fixed while the back one can be rotated by dragging. Thats it. The current status can be seen here: http://skibob.dobruska.cz/other/wheel.svg
To show dragable area I use the custom mouse pointer (it should display if you hover the green wheel). Once this wheel is dragged and rotated, pointer changes to different cursor (grasping). On mouse up the cursor gets initial properties. I've found my code behaves differently in major browsers. The SVG variant of the cursor is ignored at all. Only Chrome prefers the raster PNG variant, but the rest uses the last available fallback - the defined standard cursor. Beside this there are other issues: Chrome 8 - the best result. There is the only observation - if mouse button is clicked, the cursor doesn't change immediately, but any movement is necessary to change it to 'drag'. Firefox 4.0b7 - my mouse fires the drag and drop mode quite often. In this case rotating is frozen and handling of events fails (the 'mouse up' event is not executed so the cursor is not set back to the initial state). Opera 11, build 1111 - the same problem as Chrome (not changing cursor immediately after mouse down) + not changing cursor back after mouse up. It is changed when any area with different cursor setting is entered, but this behaviour is very confusing from my point of view. Is there any room for other improvements in my code to get the best of the browser possibilities? Or are these ones just known bugs which will be likely fixed in future? Thanks for any hints. Regards, Jan PS: What is not yet covered is handling the mouse up event outside the SVG area (wheel). Currently this event is ignored what leads to abnormal behaviour when you return back to the SVG area. ------------------------------------ ----- 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: [email protected] [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/
