Есть три файла:
pic.svg
все прекрасно отображается, но хочется интерактива. Добавил в svg-файл обработчик onclick на элемент прямоугольник:
<rect
style="opacity:1;fill:#008000;stroke-width:0.26458332"
id="rect1"
width="10"
height="10"
x="2"
y="272"
ry="0.015"
onclick="msg()" />
Далее, в html подключается js файл и помещается svg. Вот так:
<html>
<head>
<title>SVG</title>
<script type="text/javascript" src="svg.js"> </script>
</head>
<body>
<object type="image/svg+xml" data="pic.svg" width="100" height="100"></object>
</body>
</html>
JS тривиальный:
// Javascript
function msg(){
alert('Success');
}
Так вот. При нажатии на прямоугольник должно выскакивать окно. Не выскакивает. Браузер (IE, Mozilla, Chrome) не знает о функции, не видит ее. Выдается "msg is not defined"
Причем, если скопировать svg в html, все работает на отлично. Как добиться работоспособности?