встраивание JavaScript и CSS в SVG

Question

У меня есть карта США:

http://upload.wikimedia.org/wikipedia/commons/a/a5/Map_of_USA_with_state_names.svg

Я пытаюсь вставить в нее этот код:

http://sixrevisions.com/tutorials/javascript_tutorial/create_lightweight_javascript_tooltip/

как вы можете видеть, у него есть CSS и javascript

однако, мне очень трудно пытаться поместить CSS и javascript в нужную область.Может кто-нибудь, пожалуйста, помогите мне

Я делаю это от svg:

и когда на самом деле наведен указатель мыши, он ничего не делает

Answer 1

ПРИМЕЧАНИЕ: ПРОСМОТРЫ: Я ЗНАЮ, ЧТО ЭТО НЕ СООТВЕТСТВУЕТ СПЕЦИАЛЬНОМУ ВОПРОСУ: МОЯ ПОПЫТКА ПОМОЧЬ ПОСТЕРУ, ПОЛУЧИЛА БОЛЬШОЙ ВИД ЗАПРОСА. Я собираюсь косвенно ответить на ваш вопрос, учитывая мой обзор других ваших вопросов.

Мое предположение: вы хотите отобразить текстовое поле при наведении указателя мыши на определенный участок карты. На исходной странице вы разместили

Таким образом, вам нужно исследовать это: http://www.w3schools.com/js/js_image_maps.asp относительно карт изображений. ПОТОМ вы можете поместить красивые графические элементы или текстовые элементы, связанные с областью изображения, над которой перемещается мышь.

Это гораздо более высоко поддерживается, чем прямой метод svg, который вы пытаетесь, который не очень хорошо поддерживается.

Чтобы получить изображение, вы можете щелкнуть его правой кнопкой мыши на этой странице и «сохранить изображение как» в браузере.

ПРИМЕЧАНИЕ. В нижней части этой страницы находится карта размером 400 пикселей, щелкнув ссылку «РЕДАКТИРОВАТЬ» справа от нее, и вы увидите карту изображения для этого разрешения карты, которая может быть хорошей отправной точкой, если вы пожелаете. если будет другого размера (кроме 400px). Таким образом, вам нужно изменить числа на этой карте изображений, если вы масштабируете карту для другого разрешения на своей странице.