F
flossy
Ich möchte aus einer eingebetteten SVG-Grafik eine JavaScript-Funktion des übergeordneten Dokuments aufrufen. Wie mache ich das?
Hier ist die HTML-Seite, in der das Script und die SVG-Datei eingebunden werden:
hier ist das Script mit der Funktion, die aufgerufen werden soll:
...und schließlich das SVG-File, welches die Funktion aufruft.
wenn nun "eineFunktion()" aufgerufen wird, so kennt das SVG-File diese Funktion ja logischer Weise nicht. Es müsste nun also ein Zugriff auf die Funktionen des Elternobjekt (also das HTML-File) erfolgen. Aber wie?
Hier ist die HTML-Seite, in der das Script und die SVG-Datei eingebunden werden:
Code:
<html>
<head>
<script type="text/javascript" src="einScript.js"></script>
</head>
<body>
<object id="einObjekt" type="image/svg+xml" data="grafik.svg"></object>
</body>
</html>hier ist das Script mit der Funktion, die aufgerufen werden soll:
Code:
function eineFuntion(){
tuewas();
}...und schließlich das SVG-File, welches die Funktion aufruft.
Code:
<svg>
<rect
width="200"
height="150"
x="20"
y="10"
onmouseover="eineFunktion()";
/>
</svg>
