Доброго времени суток.
Есть некий файл mnemo3d.svg, создан при помощи Inkscape.
Интегрируется в тело html-документа следующим образом.
<div id="alpha" style="height:600px; width:1024px" >
<iframe class="someclass" src="/svg/mnemo3d.svg" width="1024px" height="500px"></iframe>
<!--<embed src="/svg/mnemo3d.svg" wmode="transparent" >-->
</div>
В mnemo3d.svg есть элемент с id - pump1
<path id="pump1" style="fill:#787878;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.46138810999999990;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter7109)" sodipodi:type="arc" (прочие параметры)/>
На данный момент, если повесить событие на сам элемент в svg, что можно сделать непосредственно в редакторе, то он не видит функции объявленные в html, и наоборот.
Т.е., например:
<path onclick="test_func_in_html();" id="pump1"/>
в консоль firebug кидает сообщение об отсутствии такой функции.
И обращение из кода в html по селектору $("#pump1") ничего толком не дает.
Есть ли возможность достучаться до этого элемента из функций, которые описаны в html-документе, средствами jquery.
Библиотеки Raphaël и jQuery SVG хорошо документированы на предмет создаия svg "на лету". А вот как быть с уже готовым файлом, который надо только подгрузить в документ и манипулировать его содержимым?
p.s.
Пока надо добиться работоспособности кода в FF, хотя бы 3.6.9
