JavaScript in SVG
Carl Friedrich
- javascript
Hi,
in SelfHTML wird einmal als Anschauung für das Einbinden von Multimedia eine animierte Analoguhr in SVG gegeben, deren gekürzter Code unten steht.
Mein Problem liegt in der mit "*1" markierten Zeile, denn eine Methode "get.Target" oder "getOwnerDocument" konnte ich in SelfHTML nirgends unter JavaScript/DOM finden.
Mich interessiert vor allem:
1. Was ist "evt", was in der zweiten Zeile als Argument übergeben wird? Im weggekürzten Quelltext tauchte es nicht nochmal auf.
2. Was macht getTarget, bzw. wo kann ich darüber eine Dokumentation lesen. Denn eine Suche beim W3C und bei Google haben mich auch nicht schlauer gemacht.
Danke für Eure Hilfe
Carl
[... © Adobe]
<svg onload="SetTime(evt)">
<defs>
<script language="Javascript">
<![CDATA[
function SetTime(LoadEvent)
{
[...]
[*1] var SVGDocument=LoadEvent.getTarget().getOwnerDocument();
[...]
]]>
</script>
</defs>
[...]
</svg>
Hallo,
Mich interessiert vor allem:
- Was ist "evt", was in der zweiten Zeile als Argument übergeben wird? Im weggekürzten Quelltext tauchte es nicht nochmal auf.
- Was macht getTarget, bzw. wo kann ich darüber eine Dokumentation lesen. Denn eine Suche beim W3C und bei Google haben mich auch nicht schlauer gemacht.
evt enthaelt die Referenz des aktuellen Ereignisses (Event-Object). Mittels getTarget() holt man sich die Referenz des Ziel-Objects und getOwnerDocument() referenziert das zugehoerige document-Object.
Schreibe einfach mal in den Code:
alert(evt);
alert(evt.getTarget());
alert(evt.getTarget().getTagName());
alert(evt.getTarget().getOwnerDocument());
Hier gibt es brauchbare Informationen zu SVG-DOM-Methoden: http://pilat.free.fr/english/. Sehr zu empfehlen fuer weiterfuehrende Informationen und Links zu SVG-Projekten sind diese Adressen http://www.scale-a-vector.de/ und http://www.svgx.org/.
MfG, Thomas