VPF::Скрыть/показать объекты в SVG картинке

Karta

Дата 10.8.2013, 19:39 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 117
Регистрация: 4.6.2009

Репутация: нет
Всего: 0

У меня еще один вопрос появылся в процессе работы.
Вот у меня есть код, который при нажатии на чекбокс может скрывать /показывать текст

Код


 $(function () {
        $('#hide_obj1').click(function (e) {
            var _this = $(this);
            return (!_this.is(':checked'))
              ? $('svg text').show() : $('svg text').hide();
        });
    });

А как в таком слуае будет выглядить код, если мне нужно сделать текст в виде подсказки tooltip? Т.е текст на свг картинке изначально не виден, нажимаешь на чекбокс "включить подсказки" и при наведении мышки показывает текст, в теге

Код

'svg text'

?

Спасибо

Sanchezzz

Дата 10.8.2013, 22:54 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1670
Регистрация: 19.11.2006
Где: Voronezh

Репутация: 3
Всего: 60

Задать на элемент svg text событие hover и сделать этот эффект, но лучше взять готовый плагин tipsy

У элемента text должен быть атрибут title который содержит подсказку.
После вставки карты в див $.get внутри функции выполнить инициализацию

Код


$.get('map.svg',
function(svgDoc){
  //import contents of the svg document into this document
  var importedSVGRootElement = document.importNode(svgDoc.documentElement,true);
  //append the imported SVG root element to the appropriate HTML element
  $("#imap").append(importedSVGRootElement);
   // Здесь выполнить инициализацию
   $('#map text').tipsy();  // или  $('#map [title]').tipsy();
},"xml");

Я не проверял код, но может сработать проверите, должно сработать

Это сообщение отредактировал(а) Sanchezzz - 10.8.2013, 22:55

--------------------

Понравился ответ "+" по репе, не забываем закрывать тему, заказы в LS.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »