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, время: 03:55. |