Read SVG (using JavaScript) H - E- L - P ! ! !

[Olumide]

How can I use EXTERNAL JavaScript code to read (and modify) an SVG
file/object? Can JavaScript do this or do I have to resort to Batik?

IMPORTANT NOTE:
The JavaScript code CANNOT be embedded in the SVG file, because it is
server-side generated.

Thank You


- Olumide

 

[Jason Davis]

How can I use EXTERNAL JavaScript code to read (and modify) an SVG
file/object? Can JavaScript do this or do I have to resort to Batik?

IMPORTANT NOTE:
The JavaScript code CANNOT be embedded in the SVG file, because it is
server-side generated.

Thank You


- Olumide

Do you need to save the modifications? If not, just load it like any
other XML document (through XmlHttpRequest() or createDocument() and
document.load()), and use the DOM to manipulate it.

-Jason Davis

 

[Steve Slatcher]

How can I use EXTERNAL JavaScript code to read (and modify) an SVG
file/object? Can JavaScript do this or do I have to resort to Batik?

I have an example of reading and rendering VML using JavaScript, which you
may find helpful: http://www.stirbitch.com/steve/smml/index.html

 

[Olumide]

... just load it like any
other XML document (through XmlHttpRequest() or createDocument() and
document.load()), and use the DOM to manipulate it.

Thanks Jason, I will look into this. The problem however is that I have
a multiframe document that looks like this:


|-----------------------------------------------|
| | |
| | |
| | |
| | |
| Left Frame | Right Frame |
| [SVG] | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
|-----------------------------------------------|

The Left Frame is an SVG object while the Right Frame is a an HTML
document with JavaScript code in its head section. My intention is to
have the SVG object (in the left frame) modified by the javascript code
in the right frame. (The HTML document in the right frame is server-side
generated.)


Er ... can document.load() still "load" the SVG document even though it
is already loaded in the left frame?

Thanks


- Olumide

 

[Jason Davis]

Can't you just go:

top.leftframename.document

And reference the SVG document that way? With the Adobe SVG Viewer you
might have to rely on method calls (I don't have much experience with
the ASV DOM implementation), but in Mozilla you should be able to access
the SVG document like that, and use standardized DOM interfaces (DOM2
Core and the SVG DOM for example) to manipulate it on the fly.

-Jason Davis

... just load it like any other XML document (through XmlHttpRequest()
or createDocument() and document.load()), and use the DOM to
manipulate it.

Thanks Jason, I will look into this. The problem however is that I have
a multiframe document that looks like this:


|-----------------------------------------------|
| | |
| | |
| | |
| | |
| Left Frame | Right Frame |
| [SVG] | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
|-----------------------------------------------|

The Left Frame is an SVG object while the Right Frame is a an HTML
document with JavaScript code in its head section. My intention is to
have the SVG object (in the left frame) modified by the javascript code
in the right frame. (The HTML document in the right frame is server-side
generated.)


Er ... can document.load() still "load" the SVG document even though it
is already loaded in the left frame?

Thanks


- Olumide

 

[Olumide]

Can't you just go:

top.leftframename.document

And reference the SVG document that way? With the Adobe SVG Viewer you
might have to rely on method calls (I don't have much experience with
the ASV DOM implementation), but in Mozilla you should be able to access
the SVG document like that, and use standardized DOM interfaces (DOM2
Core and the SVG DOM for example) to manipulate it on the fly.

Can anyone provide a hint or (web) link showing how this can be done?

Thanks

- Olumide