Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   SVG+JQuery, как обратиься к элементу SVG (https://javascript.ru/forum/jquery/11819-svg-jquery-kak-obratisya-k-ehlementu-svg.html)

matroskin 15.09.2010 07:39

SVG+JQuery, как обратиься к элементу SVG
 
Доброго времени суток.
Есть некий файл 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


Часовой пояс GMT +3, время: 15:08.