SVG & JavaScript: Laufzeitfehler
 

Ich bin grad dabei SVG zu lernen und hab mal versucht, ein einfaches Beispiel zu schreiben: Wenn man die Maus auf den Kreis bewegt, soll sich die Farbe des Kreises ändern und ein Text angezeigt werden. Leider funzt das ned, ich krieg wenn ich mit da Maus über den Kreis fahr den Laufzeitfehler "Das Objekt unterstützt diese Eigenschaft oder Methode nicht".

Hier is des Prog, vielleicht weiß jo jemand von euch, wo da Fehler liegt?

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="455" height="314" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<script type="text/javascript">
<![CDATA[
function show_hide(objid, act)
{
var svgdoc, element;
svgdoc=document.documentElement;
element=svgdoc.getElementById(objid);
if (act=='s')
{
element.getStyle().setProperty("fill","blue");
svgdoc.getElementById('bsptext').getStyle().setPro perty('visibility', 'show');
}
else if (act=='h')
{
element.getStyle().setProperty("fill","red");
svgdoc.getElementById('bsptext').getStyle().setPro perty('visibility', 'hidden');
}
}

]]></script>
</defs>

<circle id="k1" cx="100" cy="200" r="50" style="fill: red; stroke:#0000CC; stroke-width: 2px"
onmouseover="show_hide('k1', 's')" onmouseout="show_hide('k1', 'h')" />
<text id="bsptext" x="10" y="20" visibility="hidden">testtesttest</text>
</svg>

hat sich erledigt, habs jezz doch zum Laufen gebracht ;)

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="455" height="314" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<script type="text/javascript">
<![CDATA[
function show_hide(evt, objid, act)
{
var svgdoc, element;
var svgdoc=evt.getTarget().getOwnerDocument();
element=svgdoc.getElementById(objid);
if (act=='s')
{
element.getStyle().setProperty("fill","blue");
svgdoc.getElementById('bsptext').getStyle().setPro perty('visibility', 'show');
}
else if (act=='h')
{
element.getStyle().setProperty("fill","red");
svgdoc.getElementById('bsptext').getStyle().setPro perty('visibility', 'hidden');
}
}

]]></script>
</defs>

<circle id="k1" cx="100" cy="200" r="50" style="fill: red; stroke:#0000CC; stroke-width: 2px"
onmouseover="show_hide(evt, 'k1', 's')" onmouseout="show_hide(evt, 'k1', 'h')" />
<text id="bsptext" x="10" y="20" visibility="hidden">testtesttest</text>
</svg>