title: Combining SVG, HTML and Javascript
body: <p>I have an HTML file that looks somehow like this:</p>
  
  <pre><code>&lt;html&gt;
   &lt;div id="test"&gt; ... &lt;/div&gt;
   &lt;object data="pic.svg" [...]&gt;&lt;/object&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Inside pic.svg, I have an element, let's say, a circle, and I want to realize something like that:</p>
  
  <pre><code>&lt;circle onClick="doSomething()" [...]&gt;
  </code></pre>
  
  <p>Now, in the js function doSomething() (i.e. when someone clicks on the circle) I want to change my "test"-div. How to do this?</p>