Выполнение функции из SVG

@raler · Регистрация: 22.01.2015

Студворк — интернет-сервис помощи студентам

Приветствую, друзья, нужна помощь

Уже второй день мучаюсь.

Есть svg документ, подключается в html как

HTML5
1
<object data='file.svg' type='image/svg+xml' codebase='http://www.adobe.com/svg/viewer/install/' width='100%' height='90%'/>

В каждом SVG есть элемент(ы)

HTML5
1
<a xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="javascript:somefunction('params')" fill="Blue" font-size="7">Link</a>

Внимание вопрос:
как выполнить функцию somefunction() при нажатии этой ссылки?

@diadiavova · 07.06.2022, 22:59

Сообщение от raler

как выполнить функцию somefunction() при нажатии этой ссылки?

В принципе это должно работать, так что тут надо смотреть что там у тебя еще понаписано. В частности, где определена функция? Если в самом SVG-документе, то все должно работать, а если на странице, к которой ты его подключаешь, то тогда надо писать что-то вроде xlink:href="javascript:window.parent.somefunction('params')"

Добавлено через 1 минуту

Не по теме:

Сообщение от raler

Внимание вопрос:

Один мальчик сделал операцию
И перестал быть мальчиком.
Уважаемые знатоки,
Что в черном ящике?

@raler · 07.06.2022, 23:05 **[ТС]**

Спасибо, впринципе так и думал что надо в самом svg прописать window.parent.somefunction()
Просто надеялся что есть какой то другой вариант

Дело в том что этих svg крайне большое количество и самих вызовов функций в каждом из них штук по 30 =)
Попробую сделать автоматический скрипт на php =)

Спасибо!

@diadiavova · 07.06.2022, 23:18

Сообщение от raler

Спасибо, впринципе так и думал что надо в самом svg прописать window.parent.somefunction()

Я имел в виду, что в самом SVG скрипт можно разместить.

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<svg width="297mm" height="210mm" viewBox="0 0 297 210" version="1.1" id="svg5" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
   <defs id="defs2"></defs>
   <g id="layer1">
      <a xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="javascript:somefunction('params')" fill="Blue" font-size="7">
         <text x="50" y="70">
   Link
</text>
      </a>
      <script>
         <![CDATA[ 
function somefunction(params) {
   alert(params);
}
]]>
      </script>
   </g>
</svg>

Или, если нужно общий скрипт для кучи SVG использовать, то его тоже можно вынести в отдельный файл и подключать ко всем документам.

Добавлено через 3 минуты

XML
1
<script href="svg.js"></script>

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@raler 0 / 0 / 0 Регистрация: 22.01.2015 Сообщений: 28
	07.06.2022, 23:05 [ТС]
	Спасибо, впринципе так и думал что надо в самом svg прописать window.parent.somefunction() Просто надеялся что есть какой то другой вариант Дело в том что этих svg крайне большое количество и самих вызовов функций в каждом из них штук по 30 =) Попробую сделать автоматический скрипт на php =) Спасибо! 0

Выполнение функции из SVG

Решение