Svg Error: Permission Denied To Access Property 'somefunction'

Please take a look at this fiddle: http://jsfiddle.net/arasbm/Tyxea/14/ As you can see I want to transform SVG elements when an event is triggered on them. You can click on arrow a

Solution 1:

The problem in the fiddle code is the way JSFiddle arranges your code.

First, the Javascript is evaluated in a function body and thus your method transformMe does not become a global function. Add

window.transformMe = transformMe 

at the end of your Javascript so that the function becomes a global.

Then again in the fiddle the code runs in an iframe (maybe your page is different) and "top" refers to the top document and in the case of jsfiddle.net you are thus trying to make a cross-domain JS call. You can see this if you run the fiddle with the developer tools turned on: the console gives the right hints.

Last but not least in the current browser implementations I don't believe you need the "top" reference at all. Instead you can simply call global functions (just tested it with IE, Chrome, and FF and it worked for me).