nicht angemeldet
svg - neues objekt erstellen
hallo svgler,
hoffe jemand kann mir helfen. ich möchte in svg durch klicken auf ein objekt ein neues erstellen. aber irgendwas funktioniert nicht. leider finde ich nicht den fehler.
hier der code:
du.svg:
<svg viewBox="400 -400 400 400" onclick="doA(evt)">
<script xlink:href="f.js" type="text/ecmascript" />
<circle cx="400" cy="-350" r="50" style="fill:red" />
</svg>
f.js:
function doA(e) {
alert('okay');
var ddd1 = e.getTarget().getOwnerDocument();
var cir1 = ddd1.createElement('circle');
cir1.setAttribute('cx', 400);
cir1.setAttribute('cy', -300);
cir1.setAttribute('r', 50);
cir1.setAttribute('style', 'fill:red');
alert(cir1);
}
ich.html:
<html>
<head>
</head>
<body>
<embed src="du.svg" width="100%" height="100%" id="blabla"></embed>
</body
</html>
was mache ich falsch?
hoffe auf ein hinweis von euch.
micha
-
Hallo,
f.js:
function doA(e) {
alert('okay');
var ddd1 = e.getTarget().getOwnerDocument();
var cir1 = ddd1.createElement('circle');
cir1.setAttribute('cx', 400);
cir1.setAttribute('cy', -300);
cir1.setAttribute('r', 50);
cir1.setAttribute('style', 'fill:red');
alert(cir1);Was wird hier ausgegeben ([object])?
Das Objekt muss natuerlich auch noch in den DOM-Tree eingehaengt werden:
ddd1.getDocumentElement().appendChild(cir1);
}
MfG, Thomas
-
ach verdammt!,
da klar!
danke thomas!
-