Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.01.2015, 14:12
Интересующийся
Отправить личное сообщение для Wahlberg Посмотреть профиль Найти все сообщения от Wahlberg
 
Регистрация: 04.04.2012
Сообщений: 25

Event тега object после подгрузки svg контента внутри него
Добрый день.

Цель: заставить сделать редирект на главную по нажатию на лого

Проблема: Лого подаётся в виде SVG анимационного элемента вставленного через тег object, который создаёт в своём контенте тело, который на прочь блокирует ивенты из основного тела.

Сверху поставить ничего нельзя, иначе анимации не пройдёт.
Теги href, onclick и прочие ивенты умирают когда мышка заходит в область объекта. Единственные таучи которые есть это вход и выход на элемент.
Внутри элемента таучи образуют под страницу.

Для чего нужен объект object - что бы была svg анимация

http://194.58.46.24/master
Ответить с цитированием
  #2 (permalink)  
Старый 25.01.2015, 16:43
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

В HTML5 можно встраивать svg прям в HTML. Это решит твою проблему.
Правда, вроде бы не все браузеры, поддерживающие SVG, поддерживают SVG в HTML. Смотри caniuse.com
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 25.01.2015, 17:47
Профессор
Отправить личное сообщение для SV0L0CH Посмотреть профиль Найти все сообщения от SV0L0CH
 
Регистрация: 07.11.2010
Сообщений: 301

Я вот только не понял, анимация сделана через JS или атрибуты анимации?
Какие особенности наблюдаются в случае <iframe/> и непосредственного включения?
Ответить с цитированием
  #4 (permalink)  
Старый 25.01.2015, 18:43
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Встроить ссылку в SVG - не вариант? Не прокатит вариант с xlink:href="/" xlink:target="_top" или что-то вроде этого?
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #5 (permalink)  
Старый 26.01.2015, 06:54
Интересующийся
Отправить личное сообщение для Wahlberg Посмотреть профиль Найти все сообщения от Wahlberg
 
Регистрация: 04.04.2012
Сообщений: 25

Сообщение от SV0L0CH Посмотреть сообщение
Я вот только не понял, анимация сделана через JS или атрибуты анимации?
Какие особенности наблюдаются в случае <iframe/> и непосредственного включения?
Анимации сделана на Pure SVG.
Попробую как с работы вернусь, но думаю эффект будет такой же, как и в случае с тем как работает сейчас.
Ответить с цитированием
  #6 (permalink)  
Старый 26.01.2015, 06:54
Интересующийся
Отправить личное сообщение для Wahlberg Посмотреть профиль Найти все сообщения от Wahlberg
 
Регистрация: 04.04.2012
Сообщений: 25

Сообщение от danik.js Посмотреть сообщение
Встроить ссылку в SVG - не вариант? Не прокатит вариант с xlink:href="/" xlink:target="_top" или что-то вроде этого?
Нет, не вариант, он конфигурирует непосредственно в размерах SVG новую картинку.
Ответить с цитированием
  #7 (permalink)  
Старый 26.01.2015, 10:57
Профессор
Отправить личное сообщение для SV0L0CH Посмотреть профиль Найти все сообщения от SV0L0CH
 
Регистрация: 07.11.2010
Сообщений: 301

<object/> задействует внешний плагин, а при непосредственной вставке используется встроенный рендеринг. Но тут возможна ситуация когда встроенный анимацию умет, а плагин не умеет. Так что во всех случаях ничего не гарантировано.
Варианты:
1. Предоставить браузеру решать будет анимация или не будет.
2. Найти JS библиотеку реализующую анимацию.
3. Конвертировать в gif и делать подмену в зависимости от поддержки анимации.
4. Конвертировать в gif и забыть про svg.
Ответить с цитированием
  #8 (permalink)  
Старый 26.01.2015, 14:37
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от Wahlberg
Нет, не вариант, он конфигурирует непосредственно в размерах SVG новую картинку.
Не понял ниче Что ты имеешь ввиду.

Сообщение от SV0L0CH
<object/> задействует внешний плагин, а при непосредственной вставке используется встроенный рендеринг
Ты бред несешь. Какой еще внешний плагин для SVG?

<object> и <iframe> являются своего рода контейнерами, все события остаются внутри них. Разницы между object и iframe почти нет.

Варианта два:
1) Встроить ссылку внутрь SVG (возможно сработает предложенный мной вариант относительной ссылки)
2) Встроить SVG непосредственно в HTML (тогда вообще простор для манипуляций).
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #9 (permalink)  
Старый 26.01.2015, 18:38
Профессор
Отправить личное сообщение для SV0L0CH Посмотреть профиль Найти все сообщения от SV0L0CH
 
Регистрация: 07.11.2010
Сообщений: 301

Сообщение от danik.js Посмотреть сообщение
Ты бред несешь. Какой еще внешний плагин для SVG?
Точно! Это не <object/>, это <embed/>. Я их есчё со времён IE6 комбинировал, потому и путаю
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск