How can I link JavaScript to SVG?

Question

I have a project that works with SVG and JS. Nowadays the SVG is responsible for calling the JS. In the middle of the SVG code there is an instruction like that:

planta30263.svg

<?xml version="1.0" encoding="UTF-8"?>
....
<script type="text/javascript" xlink:href="tatu1/svgEditarVisualizacao.js"     xlink:actuate="onLoad" xlink:show="other" xlink:type="simple" />
.....

However sometimes it's necessary to change the directory from one server to another. (tatu1 -> tatu2) So, I'd like to know if there is a way to make JS calls the SVG in the page which SVG is embedded, an external calling.

vis_rota.jsp

....
<embed  src="<%=planta%>" id="plantaSVG" type="image/svg+xml" name="plantaSVG" />
....

Answer 1

The xlink:actuate, xlink:show and xlink:type attributes on the script element are not necessary, you can safely remove them.

It's better to use <object> rather than <embed> because then you can then provide fallback content if a browser lacks the ability to display svg, or if it has been disabled for any reason. For more information see the SVG Primer .

If you want to call functions from the svg to the document that referenced it, then see scripting between svg and html for some examples.

Answer 2

Not sure what you want and a plug but at iscriptdesign you can see some javascript manupulation to view different svg images. Adapt images online, and upload them using html 5's file api.