Overlaying SVG documents

Hi,

I've got a problem with overlaying two SVG documents.
I'm working with IE and Adobe Viewer version 3.
A solution for this combination would be o.k., although a cross-browser
solution would be better.

Here are my requirements:
o I've got two SVG documents lying exactly on top of each other:
  o one acting as background (called "b"):
    o always lying underneath
    o not transparent
    o events are defined on several elements of b
    o is dynamic: must be possible to replace it dynamically
                  by another SVG document acting as b
                  (e.g. triggered by an event)
  o one acting as foreground (called "f"):
    o always lying on top of b
    o transparent => elements of b can be seen
    o events are defined on several elements of f
    o is static: no need to exchange it dynamically
o I need a switch which defines whether events are handled by f or b

Solution 1: using the SVG <image<-tag
=> doesn't allow for event handling in the included image.

Solution 2: using a html-document and embedding the two SVG documents
o using <div><embed src="xyz.svg" /></div>:
  => transparent f: works with wmode="transparent"
  => f on top of b: works with different z-index
  => switch: don't know how to redirect event handling from f to b
  => replacing b: don't know how to change the "src"-attribute of <embed>
                  (value of "src" is changed but new document doesn't get loaded)
o using <div><object data="xyz.svg" /></div>:
  => same behaviour as <embed>-tag
o using <div><iframe src="xyz.svg" /></div>:
  => transparent f: frames are not transparent
  => f on top of b: doesn't work with different z-index => frames are always on top of <div>s
  => switch: (not tried yet, because not transparent)
  => replacing b: works by changing the "src"-attribute of <iframe> (shows the new document)

Do I miss something?

Can anyone help me or tell to what HTML-mailinglist I could post this question?

Thanks in advance.

Jürgen

Received on Wednesday, 31 October 2001 09:23:46 UTC