[SVG][Javascript] SVGElementInstance has no method getAttributeNS

[Maz]

Salut, j'essai d'afficher des informations lors d'un clic sur un SVG, j'ai suivis ce tuto à la lettre mais moi j'ai une erreur: SVGElementInstance has no method 'getAttributeNS'

Voici le code:

<?xml version="1.0" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg externalResourcesRequired="true" width="500" height="500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="init(evt)">

<script type="text/ecmascript">

<![CDATA[

  function init(evt)

  {

	if ( window.svgDocument == null )

	{

	  svgDocument = evt.target.ownerDocument;

	}

	tooltip = svgDocument.getElementById('tooltip');

  }

  function ShowTooltip(evt)

	{

		tooltip.firstChild.data = evt.target.getAttributeNS("id");

	  tooltip.setAttributeNS(null,"x",evt.clientX-8);

	  tooltip.setAttributeNS(null,"y",evt.clientY-5);

	  tooltip.setAttributeNS(null,"visibility","visible");

	}



	function HideTooltip()

	{

	  tooltip.setAttributeNS(null,"visibility","hidden");

	}

]]></script>

<defs>

	<title>Astar: carte à cases hexagonales orientées verticalement</title>

	<image id="grass" width="38.64" height="29.32" xlink:href="/assets/grass.svg" />

	<image id="water" width="38.64" height="29.32" xlink:href="/assets/water.svg" />

</defs>

<g id="map">

		<g class="tuile" x="253.91472899999832" y="4.668907277118108"><use xlink:href="#grass" x="253.91472899999832" y="4.668907277118108" onclick="ShowTooltip(evt)" onmouseout="HideTooltip()" id="x:0y:0" /></g>

		

</g>

	<g><text class="tooltip" id="tooltip" x="0" y="0" visibility="hidden">Tooltip</text></g>

</svg>

[Myrina]

essaie de mettre:

Code :

tooltip.firstChild.data = evt.target.getAttributeNS(null,'id');

sinon, pour ma part, j'ai préféré utiliser cette exemple: http://svg-whiz.com/svg/Tooltip2.svg

[Maz]

essaie de mettre:

Code :

tooltip.firstChild.data = evt.target.getAttributeNS(null,'id');

sinon, pour ma part, j'ai préféré utiliser cette exemple: http://svg-whiz.com/svg/Tooltip2.svg

Même erreur. Je penses que celà vient du fait que l'image sur laquelle je cliques est un fichier .svg externe. d'ou "SVGInstance"

Edit: pour ceux qui aurait le même problème:

evt.target.correspondingUseElement.getAttributeNS(null, 'id')