résultats Tableau JSON - HTML - JS

**corv0** · 13/06/2017, 19h04

Bonjour à tous,

Je crée un sujet pour vous soulever un problème que je rencontre actuellement...

J'ai un fichier HTML contenant une carte au format SVG contenant tout les pays de l'UE. Cette carte est cliquable.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<a id="it" xlink:title="" xlink:href="#" onClick="clickValue('it')" >
    <path d="m 310.14219,462.99063 0.15,0 0.6,0.15 0.9,0.6 1.95,1.35 0.75,0.75 0.6,0.6 0.3,0.3 1.2,0.9 0.6,0.45 0.9,0.45 0.6,0.15 0.3,-0.45 0.6,0.6 0.6,0.45 0.15,0.45 0.15,0.9 1.05,2.25 1.8,4.35 0.3,1.2 0.15,0.75 0.15,0.3 0.15,0.45 0.15,0.3 0.3,0.9 0.15,0.6 0.6,1.5 0.45,0.75 0.6,0.75 0.15,0.3 0.75,1.05 0.75,0.9 3.9,3.45 0.75,0.6 0.45,0.3 0.3,0 0.45,0.15 0.6,0.3 0,0.45 0.15,0.6 0.15,0.3 0.3,0.15 0.9,0.45 0.75,0.3 0.6,0.15 0.75,0.15 0.3,0.3 0.45,0.45 0.45,0.3 0.6,0 0.15,0.15 2.55,0.15 0.45,0 0.6,-0.15 0.45,0 1.2,-0.45 0.9,0.15 1.05,-0.15 1.05,-0.15 0.75,-0.3 1.2,-0.3 0.45,0 0.3,0.15 0.75,0.3 0.75,1.35 0,0.6 -0.3,0.6 -0.3,0.3 -1.2,1.2 -0.45,0.45 -0.6,0.15 -0.15,0.3 -0.3,0.3 0,0.3 0,0.45 0.15,0.6 0.45,0.75 0.75,0.6 0.6,0.3 0.6,0.15 1.35,0.6 3.75,1.65 2.1,0.75 1.65,0.45 3.3,0.9 1.65,0.75 0.9,0.6 0.45,0.3 0.45,0.3 1.95,1.8 0.3,0.15 3.45,1.05 2.1,0.6 1.05,0.6 0.15,0.45 0.3,0.6 0,0.3 0.6,0.45 0.6,0.45 1.95,1.2 2.1,1.8 0.15,0.3 0.3,0.6 0.9,1.5 0,0.45 -0.3,1.2 -0.45,0.15 -0.15,0.6 -0.15,0.9 0,0.6 0.15,1.5 -0.3,0.3 -0.3,0.15 -0.15,-0.3 -0.45,-0.15 -0.6,-0.15 -0.3,0 -0.3,0 -0.3,-0.15 -0.3,-0.15 -1.05,-0.6 -0.6,-0.6 -0.6,-0.9 0.3,-0.15 -0.3,-1.5 -1.5,-2.4 -0.75,-0.45 -0.9,0 -0.15,0 -1.2,0 -0.45,0 -1.05,0.15 -0.45,0.15 -1.5,-0.45 -2.4,-1.2 0.45,-0.75 0.15,-0.3 0.3,0 0.3,-0.3 -3,-0.15 -0.3,0 -0.3,0.3 -0.3,0.15 -0.6,0.45 -0.3,0.3 -0.45,0.9 -0.15,0.15 -0.75,1.5 -0.3,1.05 -0.15,0.45 -0.6,1.2 -0.45,0.6 -0.15,0.15 -0.3,0.45 0,0.6 0.15,0.75 -0.3,1.65 -0.3,0.6 -0.45,0.75 -0.15,0.45 0,0.45 0.15,0.3 0.6,1.35 0.3,0.3 0.6,0.3 0.3,0 1.5,0 1.05,0.75 1.8,1.05 1.05,0.3 1.5,1.05 -0.15,0.45 -0.15,0.9 0,0.9 0.3,2.7 0.45,0.6 0.15,0.3 0.3,0.6 0,0.6 -0.45,0.75 -0.3,0.3 -1.65,-0.45 -0.3,0 -0.3,0.15 -1.2,0.45 -1.2,0.75 -1.35,1.05 -0.15,0.3 -0.3,0.45 -0.3,0.6 -0.15,0.45 0.3,1.05 0.3,0.75 0.15,0.75 0.15,0.6 0,1.2 0,0.3 -0.45,0.6 -0.15,0.3 -0.3,0.3 -0.3,0.15 -0.15,0.3 -0.45,0.15 -0.75,0.3 -0.3,0.3 -1.95,2.85 -0.15,1.05 0,0.45 0,0.3 -0.3,0.75 -0.15,0.6 -0.45,0.3 -0.75,0.15 -0.6,0 -0.3,0 -0.75,0 -0.9,0.3 -0.15,0 -0.15,0 -0.15,0 -0.6,-0.15 -0.6,-0.45 -0.45,-0.75 0,-0.9 -0.3,-2.1 -0.15,-0.6 0.3,-0.15 0.75,-0.45 0.3,0 0.3,-0.15 0.45,-0.3 0.15,-0.3 0.9,-2.55 0.15,-0.3 0.15,-0.9 -0.15,-0.45 -0.3,-0.45 -0.3,-0.15 -0.45,-0.3 -0.15,-0.3 0.15,-0.45 1.65,-1.2 0.45,-0.15 0.3,0 0.3,0 0.45,0.15 0.3,0 0.6,-0.6 0.15,-0.45 0.15,-0.45 0.15,-0.6 0,-0.6 -0.15,-0.75 -0.3,-0.15 -0.45,-0.3 -0.9,-1.2 -0.6,-1.65 -0.15,-0.9 0,-0.6 -0.15,-0.6 -0.3,-1.35 -0.75,-1.8 -0.9,-0.9 -0.3,-0.3 -0.6,-1.2 -0.75,-1.2 -0.15,-0.45 -0.15,-1.35 -0.15,-1.05 -0.45,-0.9 -0.15,-0.15 -0.3,-0.45 -0.15,-0.45 -0.6,-0.75 -0.3,-0.15 -0.3,-0.45 -0.45,0 -0.3,0 -0.6,0 -0.6,0.75 -0.45,0.75 -0.9,-0.15 -0.45,-0.45 -0.75,-0.6 -1.65,-1.35 -0.3,-0.15 -1.2,-0.3 -0.9,-0.6 -0.3,-0.6 0.45,-1.2 0.3,-0.45 0,-0.45 -0.45,-0.9 -0.9,-1.8 -0.9,-1.05 -0.75,-0.75 -0.3,0 -1.5,0.6 -1.35,0.6 -1.35,0.3 -0.45,-0.45 0.3,-0.15 1.05,-1.2 -0.3,-0.6 -1.8,-1.2 -0.6,-0.3 -0.6,0.45 -0.6,0.3 -1.2,-0.3 -0.3,-0.6 -0.3,-0.6 -0.15,-0.3 -0.3,-0.75 -1.2,-1.8 -0.9,-1.2 -0.45,-0.6 -0.3,-0.3 -0.45,-0.45 -0.3,-0.15 -0.9,-0.15 -0.3,0 -0.6,0.45 -3.6,-0.9 -0.75,0.3 -0.45,0.3 -0.3,0.15 -0.3,0.3 -1.05,-0.3 -0.3,-0.6 -0.3,-0.45 -0.45,-0.45 -0.3,-0.3 -0.15,-0.15 -0.3,-0.15 -0.45,-0.3 -2.4,-0.75 -1.05,-0.75 -0.75,-0.9 -0.45,-0.75 -0.3,-0.3 -1.2,-1.05 -1.65,-1.5 -0.15,-0.45 -0.45,-0.9 -0.15,-0.3 -0.45,-0.6 -1.2,-0.9 -1.35,-0.9 -0.3,0 -0.3,0.15 -0.45,0 -0.3,-0.45 -0.75,-1.5 -0.15,-0.45 -0.3,-0.75 -0.9,-1.2 -1.2,-0.75 -0.45,-0.15 -0.6,-0.3 -0.9,-0.45 -1.35,-0.3 -0.3,0 -0.3,0.15 0,0.3 -0.3,0.45 -1.05,-0.45 -0.15,-0.6 0.3,-0.15 0.3,0 0.45,-0.15 0.15,-0.6 0,-0.45 -0.3,-0.75 -0.9,-1.2 -1.35,-1.5 -0.6,-0.45 -0.3,-0.15 -0.45,-0.15 -1.05,-1.2 0.15,-1.05 -0.6,-0.45 -0.6,-0.3 -1.05,-0.15 -0.75,-1.5 0.15,-1.2 0,-0.45 0,-0.6 -0.15,-0.6 -0.15,-0.6 -1.05,-2.4 -0.6,-0.75 -0.15,-0.15 -0.45,-0.3 -0.3,-1.2 -0.15,-0.75 -0.15,-1.65 0,-0.45 0,-0.45 -0.15,-0.9 -0.15,-0.75 -0.15,-0.6 -0.3,-0.45 -0.3,-0.6 -0.9,-1.05 -0.15,-0.15 -0.45,-0.3 -0.3,-0.15 -0.45,-0.15 -3.15,-1.05 -0.6,-0.45 -3.3,-2.4 -0.45,-0.45 -1.2,-0.6 -4.65,-1.35 -0.75,-0.15 -1.2,0.75 -1.8,1.05 -0.6,0.9 -0.45,1.35 -0.75,0.45 -0.45,0 -0.3,0.3 -0.45,0.6 -0.9,1.95 0,0.45 -1.05,1.05 -1.35,0.75 -0.45,0 -1.65,0.45 -0.45,0.3 -0.75,0.15 -0.6,-0.15 -0.45,0 -0.6,0.15 -0.15,-0.75 -0.15,-0.9 1.2,-1.35 0.75,-0.75 0.6,-1.05 0,-0.3 -0.6,-0.75 0.15,-0.6 -0.6,-0.15 -1.05,0.3 -0.6,0.3 -0.6,0.15 -0.75,0 -3.6,-2.1 -0.6,-0.6 -1.05,-1.65 -0.15,-2.4 0,-0.3 1.2,-2.1 0.3,-0.3 0.6,-0.9 0,-1.5 -0.15,-0.3 -0.45,-0.3 -0.3,-0.15 -0.45,0.15 -0.6,-0.15 -0.9,-0.6 -0.15,-0.3 -0.9,-1.95 -0.45,-1.35 0.15,-0.15 0.6,-0.3 0.9,-0.3 0.6,0.3 1.35,-0.45 1.5,-0.75 0.6,-0.45 0.45,-1.95 0,-0.9 -0.75,-0.9 -0.9,-0.75 -0.3,-1.2 -1.65,-2.4 -0.15,-0.9 0.3,-0.75 0.6,-0.45 0.3,0.15 0.3,0 0.15,-0.15 0.45,-0.15 0.75,-1.05 0.3,0.6 0.3,0.3 1.05,0.15 0.45,-0.3 0.75,-0.45 0.45,0.15 0.45,0 0.45,-0.15 0.45,-0.15 0.9,-0.75 1.2,0.15 0.6,0.6 0.45,0.15 0.45,0.15 0.75,0.15 0.15,-0.45 0.15,-0.45 0.3,-0.3 0.45,0 0.3,0 0.3,-0.3 1.65,-2.25 0.15,-0.6 -0.15,-0.6 1.8,-3.3 0.6,-0.45 0.15,-0.15 0.75,-0.15 0.3,0.3 0,1.2 -0.3,0.9 -0.15,0.45 0.15,0.75 0.15,0.3 1.65,1.95 0.9,0.3 0.3,0 0.15,-0.15 0.15,-0.15 0.75,0.3 0.3,0.3 0,0.45 -0.3,0.45 0,0.75 0.9,0.6 0.3,0.9 0,0.45 0.15,0.45 0.6,0.3 0.45,-0.15 0.45,-1.05 0,-0.3 -0.6,-0.45 -0.3,-0.6 0.3,-0.75 0.15,-0.6 0.6,-1.05 0.45,-0.6 0.15,-0.15 0.45,-0.15 0.6,-0.9 0.45,-1.05 0.15,-0.45 0.15,-0.45 -0.3,-1.35 -0.3,-0.3 0.45,-0.9 0.9,-0.15 0.9,0.6 0,0.75 0,0.75 0.75,1.05 0.3,0.3 0.3,0.15 0.45,0 1.05,0 0.6,-0.75 0.45,-0.3 0.45,-0.15 0.6,-0.3 0.45,0.15 0.45,0.45 0,0.3 0.15,0.75 0.75,1.05 0.75,-0.15 0.45,-0.45 -0.3,-2.1 -0.6,-0.6 -0.45,-0.45 -0.15,-0.9 0.15,-0.6 0.75,-1.2 0.6,-0.3 0.75,-0.15 0,0.3 0,0.45 0.6,0.6 0.3,0.15 1.35,0.15 0.15,-0.3 0.15,-0.6 0,-0.45 -0.15,-0.3 -0.3,-2.1 0.3,-1.8 0.3,0.3 0.75,0 0.3,-0.15 0.6,-0.15 0.3,-0.15 0.9,0.75 0.3,0.45 0.45,0.3 0.6,0.3 1.5,-0.15 0.6,-0.75 0.15,-1.2 0,-0.45 0.3,-0.15 0.6,-0.6 3.3,-0.9 1.5,0 0.9,0.3 0.3,0.15 0.3,0 3.3,-1.35 0.75,-0.45 0.45,-0.15 0.45,0.15 0.15,0.15 -0.15,0.15 -0.3,0.6 -0.6,0.3 0,0.75 0.3,0.6 0.3,0.45 0.45,0.3 0.9,0.75 0.9,1.95 0.15,0.3 0.45,0.15 0.45,0.15 0.75,0.3 0.45,0 1.2,0 0.45,0.3 0.15,0 0,-0.15 0.3,0 0.45,0.3 4.8,0.9 1.8,0 1.5,0 0.6,0.15 1.2,0.3 0,0.15 -0.15,0.45 -0.15,0.6 -0.3,0.15 -1.65,1.05 -0.75,0.75 -0.6,0.9 0.45,1.35 0.45,-0.15 0.3,-0.3 0.75,0.3 1.35,0.6 -0.15,0.6 -0.6,0.6 -0.45,0.3 -0.15,0.15 -0.15,0.3 -0.45,0.9 0.3,0.45 0.45,0.3 0.3,-0.3 0.15,-0.15 0.6,0.15 0,0.6 -0.3,0.6 -0.15,0.3 -0.15,0.75 0.3,0.6 1.05,0.45 1.05,0.45 0.6,0.45 0.9,1.35 -0.6,0.9 -0.3,0 -0.3,0 -0.9,-0.15 0.9,-0.15 -0.75,-1.5 -1.05,-0.9 -0.3,-0.3 -0.45,-0.15 -0.45,0 -0.15,0.45 0,0.45 -0.3,0.45 -0.75,0.45 -0.45,0 0.3,-0.3 0,-0.3 -0.6,-0.3 -1.65,-0.6 -0.3,0 -0.75,0.15 -0.6,1.05 0.3,0.9 0,0.3 -0.3,0 -0.75,0.15 -0.75,0.3 -0.75,0.3 -0.6,0.45 -1.05,0.75 -0.75,0.45 -0.15,0.15 -0.45,0.15 -1.8,0.9 0.3,-0.75 0.6,-0.15 0.9,-0.9 -1.05,-0.45 -1.05,0.6 -1.2,1.05 -1.35,3 0,0.6 0.9,1.05 1.5,2.4 0.9,0.75 0.6,0.3 0.3,0 0.3,0.45 -0.6,1.8 -0.45,0.6 -0.15,-0.6 0,-0.45 -0.15,-0.3 -0.3,0.45 0.15,1.35 -0.6,-0.15 -0.75,-0.6 -0.3,1.05 0,0.9 0,0.45 0.45,3.6 0.15,0.45 0.75,2.85 0.15,0.6 0.75,0.9 0.3,0.3 0.75,0.9 0.3,0.45 1.8,1.5 0.3,0.3 0.3,0 0.15,0 z m -2.55,34.5 0.15,0 0,-0.15 -0.15,0.15 z m -1.35,-33.45 0.6,0.3 0.3,-0.3 0,-0.15 0.15,-0.3 0,-0.75 -0.6,0.15 -0.45,0.3 -0.15,0.15 0.15,0.6 z m -22.8,20.55 -0.9,-0.9 -0.6,0 -0.75,0.3 -0.3,0.15 -0.6,0.15 -0.15,-0.15 -0.15,-0.15 -0.15,0 -0.15,-0.45 0,-0.3 0.15,-0.15 0.15,-0.15 0.15,0 0.45,-0.15 0.3,0.15 0.15,0.15 0.15,0.15 1.5,-0.3 0.3,-0.3 0.15,-0.6 0.15,-0.15 0.3,0.3 -0.15,2.25 0,0.15 z m 21,-44.25 0.45,-1.5 0.3,0 0.45,0.15 -0.6,0 -0.6,1.35 z m -46.35,101.55 0.75,-0.75 0,-0.3 -0.15,-0.75 -0.15,-0.15 -0.45,-0.45 0.3,-1.2 0.3,-0.75 0.45,-2.25 0,-0.9 0.15,-1.2 0.6,0.6 0.3,-0.45 0.15,-0.45 0.15,-0.6 0.15,-0.6 0,-0.3 -0.45,-0.6 -0.75,-0.15 -0.45,0.3 -0.3,-0.15 0,-0.75 0.15,-1.05 0.75,-2.1 0,-1.5 0,-1.5 -1.05,-2.85 -0.75,-1.65 -1.35,-0.45 -0.45,0.45 -0.15,-0.6 0.45,-0.15 -0.15,-0.9 -0.15,-0.6 0,-0.3 0.6,-2.85 0.3,-0.3 0.15,0.45 0.6,0.75 0.3,0.3 0.6,0.15 1.2,0.3 0.3,0 0.3,0 0.45,-0.15 0.45,-0.15 0.3,-0.15 0.15,-0.3 0.3,-0.3 0.75,-0.45 0.6,0 0.3,0 0.45,-0.3 0.45,-0.45 0.3,-0.6 1.65,-1.95 0.45,-0.15 1.35,-1.05 0.15,-0.75 0.75,-0.3 3.45,1.8 0.6,0.45 0.75,2.25 -1.5,1.05 0.75,0.15 0.6,-0.15 0.45,1.2 1.2,3 -0.15,0.45 0,0.15 0.15,0.6 0.6,0.9 0.3,0.3 -0.3,0.9 0,0.45 -0.6,0.9 -0.3,0.3 -0.3,0.3 -0.6,0.75 -0.3,0.3 -0.15,0.6 0,0.9 0.45,0.9 0.45,0.6 0.15,1.05 -0.15,1.8 -0.3,1.95 0,0.6 0,0.45 0,0.3 -0.3,3 -0.15,1.05 -0.15,0.9 -0.3,1.65 -0.45,1.65 0,0.6 0,0.75 -0.6,0.45 -1.05,-0.15 -0.3,-0.15 -0.3,-0.3 -0.3,-0.3 -0.3,-0.3 -0.3,-0.3 -0.3,-0.15 -1.8,0.6 -1.65,-1.35 -0.15,2.25 0.15,0.45 0,0.3 0.3,0.6 -0.45,0.9 -1.35,1.35 -0.75,0.45 -1.65,-0.75 -0.9,0.45 -0.3,-0.45 -0.6,-1.5 -0.15,-0.6 -0.6,-0.3 -0.45,0.45 -0.3,0.6 -0.15,0.6 -0.3,0 -0.6,-1.2 -0.15,-0.6 0.15,-0.6 0.75,0 0.45,0.3 0,-0.45 -0.3,-0.75 -0.45,-0.6 -0.3,-0.45 z m 86.7,40.2 -0.45,-0.6 -0.3,-0.15 -1.65,-0.3 -0.45,0 -0.6,0.15 -0.45,0.3 -0.75,-0.3 -2.25,-0.75 -1.35,-0.9 -0.3,-0.6 -0.3,-0.6 -0.3,-0.45 -0.3,-0.45 -0.45,-0.3 -0.9,-0.9 -0.45,-0.3 -1.35,-0.45 -0.6,-0.15 -1.35,0 -0.45,0.3 -0.3,0 -0.6,0 -1.95,-0.9 -1.05,-0.6 -0.15,-0.3 -1.2,-0.9 -0.3,0 -0.45,-0.15 -1.2,-0.45 -1.05,-0.6 -0.9,-0.6 -0.15,-0.3 -0.45,-0.6 -0.9,-0.6 -0.9,0 -1.35,-0.75 -0.3,-0.15 -0.45,-0.3 -1.8,0 -0.45,0.15 -0.3,0.15 -0.6,0.15 -0.3,0 -1.95,-1.65 -0.6,-0.6 -0.45,-1.65 0.15,-0.15 0.15,-0.15 0.15,-0.9 -0.15,-0.75 0.6,-1.65 0.6,-0.75 2.1,-1.35 1.2,1.2 0.9,0.6 0.45,0 0.45,-0.15 0.75,-0.45 0.6,-0.6 -0.15,-0.6 0.45,-0.9 2.85,-0.6 0.45,0.45 0.15,0.45 0,0.6 0.15,0.15 4.35,1.95 0.6,0.15 0.45,0 0.3,-0.15 0.9,-0.45 0.3,-0.15 0.45,-0.3 0.9,-0.15 1.5,0 1.35,0.15 0.9,0 0.75,-0.15 1.8,-0.6 1.65,-0.6 1.65,-1.35 1.2,-0.3 1.2,0.15 1.5,0.45 0.75,-0.45 1.95,-1.2 2.55,-1.5 0.45,-0.15 1.35,0.45 -0.6,0.3 -0.3,0.15 -0.15,0.45 -0.45,1.35 -0.15,0.9 -0.9,1.35 -0.75,1.05 -1.5,2.7 -0.15,0.3 0,0.9 -0.15,0.9 -0.3,1.5 -0.15,0.3 -0.45,0.45 -0.3,0.45 0,0.45 0.15,1.95 1.5,2.55 0.15,0.45 0.45,0.45 0.3,0.3 0.6,0 0.3,1.05 0,0.45 -0.6,0.6 -0.6,0.45 -0.45,0.3 -0.45,0.45 -0.45,1.2 0,0.9 0.15,0.6 0.45,1.2 -0.6,0.3 -0.15,0.15 z"/>
</a>
<a id="fr" xlink:title="" xlink:href="#" onClick="clickValue('fr')" >
    <path d="m 181.74219,481.59063 -0.45,-0.75 -0.45,-0.15 -1.5,-0.75 -0.9,0 -0.6,0.75 -0.15,-0.9 -0.3,-0.6 -0.3,-0.45 -0.45,-0.15 -1.8,0 -0.3,-0.45 -0.15,-0.6 -0.3,-0.3 -2.25,-0.75 -0.75,-0.45 -1.2,-0.6 -0.3,0 -0.3,0.3 -0.3,0.9 0,0.45 0.15,0.6 0,0.3 -0.15,0.15 -0.15,0 -0.75,-0.15 -0.45,0 -0.6,-0.15 -0.9,0 -1.8,-0.6 -1.05,-0.45 -0.45,0.15 -0.3,0.15 -1.35,0.15 -0.75,-0.3 -0.6,-1.05 -0.3,-0.3 -0.3,-0.3 -0.3,-0.15 -0.6,-0.45 -0.45,-0.45 0,-0.15 -0.15,0.3 -0.9,0.45 -1.95,0 -1.65,-1.95 -0.15,-0.3 0.15,-0.3 0,-0.15 -0.3,-0.6 -0.3,0 -0.45,0.15 -1.35,-0.3 -0.6,-0.45 -0.9,-0.75 -1.35,-0.75 -1.05,-0.6 -0.6,0.45 -0.6,-0.15 -0.45,-0.3 -0.3,-0.75 0.6,-0.3 0.75,-1.35 0,-0.75 -0.15,-0.45 -1.05,-0.3 -1.65,-0.75 -0.6,0 -0.3,0.15 -0.45,-0.9 0,-0.3 0.6,-0.15 0.75,0 1.05,-0.75 0.9,-1.05 0.6,-0.9 0.6,-1.05 0.15,-0.45 0,-0.45 0.45,-1.5 1.65,-4.5 0.15,-0.45 0.6,-1.65 0.9,-3.15 0.3,-0.9 0.15,-1.05 0.3,-0.75 0.45,-1.05 0.75,-0.45 0.3,0.15 0.45,0 0.6,-0.3 -0.15,-0.6 -0.6,-0.9 -0.45,-0.3 -0.9,1.05 -0.3,0.45 0.3,-1.35 1.05,-4.2 0.9,-3.15 0.6,-2.55 0,-0.45 0.15,-0.6 0.15,-1.05 0.75,-0.9 0.3,-0.15 0.15,0.3 -0.15,0.45 0.6,0.9 0.15,0.15 0.45,0.15 0.15,0.15 1.05,1.65 0.3,0.75 0.15,0.3 0,1.35 0,0.6 0,1.05 0.15,0.45 1.2,3.6 0.3,-1.5 -0.15,-0.6 -0.45,-0.6 -0.3,-0.3 -0.15,-0.3 -0.15,-0.75 0.15,-3.15 -0.15,-0.6 -0.15,-1.2 -0.3,-0.75 -0.15,-0.3 -0.6,-0.9 -1.2,-1.65 -0.9,-0.75 -0.75,-0.6 -0.75,-0.45 0.3,-1.35 0.45,-0.15 0.45,0 0.15,-1.05 0.9,-0.45 0.45,-1.8 0.15,-0.45 -0.6,-1.5 -0.15,-0.6 0.6,-1.65 0.15,-0.9 -0.6,-0.3 -0.45,0.15 -0.15,0.3 -0.45,-0.3 -2.1,-1.8 -1.8,-1.05 -1.35,-1.05 -0.15,-1.5 -0.3,-1.05 -0.45,-0.9 -0.75,-1.35 -0.3,-0.3 -0.15,-0.3 -0.3,-0.15 -0.15,-0.3 -0.15,-0.3 -0.15,-0.3 0.3,-0.9 0.45,-0.6 0.75,-0.6 0.6,-0.75 -0.15,-0.45 -0.15,-0.3 -0.3,-0.45 -0.45,-0.45 -0.6,-0.15 0.3,-1.8 0.45,-0.75 1.05,0 0.45,0.15 0.6,0.3 0.15,0.15 0.15,0.3 0.9,0.75 0.3,0.15 0.45,0 -1.5,-1.5 -0.3,-0.15 -0.9,-0.6 -0.15,0 -1.05,0 -0.75,0.3 -1.05,0.6 -1.65,-0.6 -0.45,-0.45 -0.45,-0.45 0.3,-1.35 0.6,-0.45 0.3,0.3 0.45,-0.15 -0.45,-0.75 -0.3,0 0.15,-0.75 0.75,0.15 0.45,0 -0.15,-0.15 -1.2,-0.6 -0.75,-0.15 -0.9,0.15 -1.5,0.15 -0.3,-0.15 -0.3,-0.9 0.6,0.15 0.45,0 0.3,0.15 0.75,-0.75 0,-0.3 0,-0.45 -2.1,0.3 -0.45,0.3 -1.8,-0.45 -0.3,-0.15 -0.3,1.05 0,0.45 0.15,0.45 -0.3,0 0,-1.05 0.15,-0.3 0.15,-0.45 -0.15,-0.45 -0.3,-0.45 -0.15,-0.45 -2.85,-2.25 -1.2,-0.6 -1.65,-0.6 -0.45,-0.15 -0.45,-0.6 -0.15,-0.3 -0.6,-0.9 -1.35,0.15 -0.6,0.45 -0.3,0.3 -0.15,0.15 -0.3,0 -0.45,0 -0.15,0 -1.05,-0.45 0.15,-0.3 0.3,-0.15 0,-0.45 -0.15,-0.6 -0.15,-0.6 -0.15,-0.45 -0.3,-0.3 -0.3,-0.6 -0.45,-0.3 -0.6,-0.15 -1.05,-0.3 -0.3,-0.3 0.3,-0.45 3.9,0 0.15,0.15 0.3,0.15 0.3,-0.15 0.15,-0.6 -0.3,-0.9 -1.2,-0.9 -0.3,-0.15 -0.3,0.15 -0.3,0.45 -0.45,0.45 -0.3,-1.95 0.6,-0.75 0.45,0 -0.3,0.45 0.15,0.3 1.2,0.45 1.5,0.15 0.9,0 -1.05,-0.6 -1.05,-0.3 -0.45,-0.45 -1.65,-0.3 -1.05,0 -0.6,-0.15 -0.15,-0.45 0.15,-1.05 0.45,-1.35 0.3,-0.45 0.3,-0.3 0.3,-0.15 0.75,0 0.3,0.3 0.15,0.15 0,-0.3 0.45,-0.75 0.3,-0.15 1.95,-0.3 1.95,0.15 1.95,-0.15 0.15,0.15 0,0.45 0.15,0.6 0.9,0.45 0,-0.3 0,-0.45 0.45,-0.6 0.3,0 0.75,0.3 0.45,0.45 0.3,0.3 0.6,0.15 0.75,-0.9 -0.3,-0.6 0,-0.3 0.45,-0.6 0.3,-0.15 0.45,0 0.9,0.45 1.65,-0.45 1.05,0.3 0.6,0.75 1.5,2.7 0.45,1.2 0.75,1.5 0.15,0.45 0.15,0.15 2.55,-1.8 0.6,-0.3 1.2,-0.15 0.15,0.15 1.5,0.75 0.9,0.9 0.45,1.5 0.3,-0.3 0,-0.9 -0.3,-0.3 -0.15,-0.75 0.45,-0.75 0.6,0 0.9,-0.15 0,0.45 -0.3,0.45 0,0.6 0.15,0.15 0.3,0.15 0.15,0 0.75,0.15 0.9,0 0.3,-0.15 0.3,-0.15 0.6,0.15 0.6,0 1.05,0.15 -0.75,-0.75 -0.45,-0.3 -0.6,-1.05 0.15,-1.5 0,-0.45 0.3,-0.75 0.3,-1.8 -0.3,0.15 0,-0.6 0,-0.75 0.3,-2.1 -0.6,-1.5 -0.15,-0.45 -0.3,-0.6 -0.3,-0.45 -0.3,0 0,-2.1 0.3,-1.35 0,-0.6 0,-0.6 -0.3,-0.3 -0.3,-0.15 -0.3,-0.15 0.15,-0.75 0.3,0 0.75,0.3 1.2,0.75 0.45,0.45 0.45,0.15 0.9,0.15 0.3,-0.15 0.3,-0.3 0.75,-0.15 0.3,0 0.6,0.15 0.3,0.15 0.15,0.15 0.3,0.6 0,0.6 -0.45,0.3 -0.45,0.3 -0.15,0.3 0.15,0.45 0.15,0.75 0.15,0.3 0.6,1.2 0.6,0.75 0.3,-0.3 1.05,0 0.6,0.15 0.15,0.3 0.45,0.3 0.3,0 0.9,0.45 1.05,0.15 0.45,0.15 0.75,0 0.9,0.3 0.45,0.3 0.75,0.45 0.6,0.45 1.35,-0.15 0.3,0 0.45,-0.15 0.3,-0.15 0.9,-0.45 0.15,-0.15 0.3,-0.3 0.3,-0.3 0.3,0 0.75,-0.15 0.3,0 0.3,0 0.9,0 0.45,-0.15 0.45,-0.3 0.3,-0.15 -0.45,0.15 -0.75,0.15 -0.3,0 -0.3,0 -0.6,-0.15 -1.05,-0.3 -0.45,-0.45 -0.3,-0.6 1.35,-2.7 0.3,-0.15 0.15,-0.3 0.6,-0.15 0.6,-0.15 1.2,-0.6 1.5,-0.75 0.3,0 0.45,-0.15 0.6,-0.15 0.3,0 3.6,-0.45 1.5,-0.6 0.3,-0.15 1.5,-1.2 0.45,-0.15 0.3,-0.3 0.3,-0.45 0.6,-1.2 0.45,-1.5 0.3,-1.05 0.45,-0.15 0.15,0 -0.45,-0.6 0.45,-2.1 0.15,-2.7 0,-0.3 0.6,-1.65 0.3,-1.2 1.35,-0.9 0.3,-0.15 0.3,-0.15 1.5,-0.3 3,-0.45 1.2,-0.15 0.3,0 0.3,0 0.75,-0.3 0.3,0 0.15,-0.15 0.45,1.65 -0.15,1.2 0.45,1.8 1.2,1.2 0.75,0.75 0.3,0.15 0.45,-0.6 0.15,-0.15 0.6,-0.15 0.15,0 0.15,-0.15 0.75,-0.15 0.45,0.15 0.15,0.45 0,0.15 0.15,0.45 0.3,1.05 0.3,2.1 0.15,0.3 0.6,0.6 0.9,-0.3 0.6,0 0.9,0.45 0.45,0.75 0.15,0.3 0,0.75 0.9,0.75 1.05,0.3 1.05,0 0.45,-0.15 1.2,1.35 0.3,0.75 -0.3,1.65 -0.45,2.1 0,0.6 0.3,0 0.3,0.3 0.3,0 0.75,0 0.9,0.3 0.15,0.15 0.3,0.15 0.6,-0.15 1.8,-0.75 0.15,-0.9 0,-0.45 0.75,-0.9 0.75,-0.45 0.6,0.6 -0.45,0.6 -0.15,0.45 -0.3,1.2 0.3,3.3 0.45,0.3 0.3,-0.15 0.15,-0.15 0.3,0 3.3,2.7 0.6,0.6 0.15,0.15 0.3,0.3 0.3,1.05 0,0.45 0.6,0 0.6,-0.15 0.45,-0.15 0.75,-0.15 0.9,0.15 0.15,0 0.3,0.45 0.15,0.3 1.2,0.9 1.2,0 0.3,-0.3 0.45,-0.6 0.75,0 0.15,0.15 0.6,0.45 0.15,0.15 0.45,0.15 0.45,-0.15 0.6,0.15 0.45,0.45 0.3,0.3 0.45,1.05 0.9,1.95 0.3,1.05 0,0.3 1.2,0.3 0.15,-0.45 0,-0.6 0.75,0 0.9,0.6 0.75,1.05 0.6,0 1.5,0.3 0.75,-0.75 0,-0.15 0.15,-0.15 0.45,0 0.75,0.15 1.35,1.8 0.3,0.3 0.15,0 0.6,0.15 0.9,-0.15 1.2,0 1.2,0.75 1.05,0.6 0.75,0.15 -0.3,0.15 -0.6,1.05 -0.15,0.45 -0.15,0.45 -0.15,0.3 -0.15,0.3 -1.35,1.35 -0.9,0.9 -0.9,1.5 -0.6,2.55 -0.15,0.45 0.15,0.45 0,0.6 -0.6,0.9 -1.05,1.95 -0.3,0.75 -0.15,0.45 0,0.75 0.15,0.3 0.45,0.45 0,0.45 -0.45,1.2 -0.3,0.6 -0.45,1.35 -0.15,1.5 0.15,0.6 0.3,0.3 0.3,0.75 0,0.15 -0.15,0 -0.15,0.15 -0.15,0.15 -0.3,0.15 -0.15,0.15 0,0.9 -0.15,0 -0.45,0.45 -0.3,0.15 -0.15,0.3 -0.3,0.15 -0.3,0 -0.15,-0.15 -0.45,0 -0.3,0.15 -0.3,0.15 -0.6,-0.45 -0.45,-0.9 -1.2,-0.15 -0.45,0.15 -1.2,2.1 0.45,0.15 0.6,0 0.15,-0.15 -0.3,1.35 -1.5,1.95 -0.6,0.6 -1.05,1.05 -0.3,0.45 -0.45,0.6 -0.75,0.3 -0.45,0.15 -0.75,1.2 -0.15,0.9 0,1.05 -0.15,0.3 -0.9,0.75 -1.05,0.45 -1.65,1.5 0.15,0.9 -0.6,1.5 -0.3,0.3 0.45,0.3 0.45,0.6 -0.45,1.05 -0.15,0.3 0.15,0.6 -0.6,0.15 -0.45,0.15 -0.15,0 -0.3,0.3 -0.3,0.15 0.3,1.05 1.5,0 0.6,-0.3 0.75,-0.75 0.3,-0.75 -0.3,-0.9 -0.15,-0.3 0.3,-0.3 0.45,-0.6 0.3,-0.15 1.95,-0.75 0.3,-0.15 1.2,0 0.75,0.15 0.45,0.15 0.6,0.3 0.15,0.45 -0.15,0.45 -0.3,3.75 0.9,1.2 0.6,0.45 0.9,1.05 0.15,0.6 0.15,0.45 -0.75,1.05 -0.45,0.15 -0.15,0.15 -0.3,0 -0.3,-0.15 -0.6,0.45 -0.3,0.75 0.15,0.9 1.65,2.4 0.3,1.2 0.9,0.75 0.75,0.9 0,0.9 -0.45,1.95 -0.6,0.45 -1.5,0.75 -1.35,0.45 -0.6,-0.3 -0.9,0.3 -0.6,0.3 -0.15,0.15 0.45,1.35 0.9,1.95 0.15,0.3 0.9,0.6 0.6,0.15 0.45,-0.15 0.3,0.15 0.45,0.3 0.15,0.3 0,1.5 -0.6,0.9 -0.3,0.3 -1.2,2.1 0,0.3 0.15,2.4 1.05,1.65 0.6,0.6 3.6,2.1 0.75,0 0.6,-0.15 0.6,-0.3 1.05,-0.3 0.6,0.15 -0.15,0.6 0.6,0.75 0,0.3 -0.6,1.05 -0.75,0.75 -1.2,1.35 0.15,0.9 0.15,0.75 -0.15,-0.15 -0.3,0.15 -0.6,0.3 -0.15,-0.15 -0.45,0.3 0,0.45 -0.75,0.15 -0.9,0.15 -1.05,0.6 -1.05,1.5 -2.25,2.25 -0.45,0.15 -0.6,0 -1.95,1.65 0,0.45 0.75,0.15 -0.75,1.5 -0.45,-0.15 -0.9,0.15 -1.35,0.3 -2.85,0.6 -0.15,0.9 0,0.3 -0.3,-0.15 -0.3,-0.15 -0.45,-0.75 -1.35,-0.3 -0.3,0.6 -0.75,0.3 -0.3,0 -0.6,-0.6 0.45,-0.3 -1.65,-1.35 -1.8,-0.45 -1.35,-0.15 -0.45,-0.15 0,-0.45 0.15,-0.3 0,-1.05 -0.3,-0.45 -0.3,-0.15 -0.6,0.3 -0.45,0 -1.5,0 -0.6,-0.15 0.15,-0.75 0.45,-0.15 0.75,-0.3 0.45,-0.15 0.45,-0.6 0,-0.45 -2.25,-1.05 -0.15,0.6 0.15,0.45 0.3,0.3 -0.3,0.45 -0.15,0.3 -0.3,0 -0.45,0 -0.3,-0.3 -0.6,0.15 -0.3,0.15 -0.3,0.3 -0.15,0 -0.3,-0.3 -0.45,-0.45 0.15,-0.9 0,-0.45 -0.45,-0.9 0.15,2.4 0,0.45 0.15,0.45 -1.2,0.15 -0.45,0 -0.3,-0.15 -0.15,-0.3 0.3,-0.75 -0.15,-0.3 -0.45,-0.15 -0.3,-0.15 -0.45,0 -0.3,0 -0.3,0.15 -1.2,-0.3 0,-0.6 -0.3,-0.15 -0.45,0.15 -0.15,0.15 0.6,0.45 -1.05,-0.15 -0.45,-0.15 -0.3,-0.6 0,-0.6 -0.3,-0.3 -0.45,-0.15 -1.2,0.3 -0.6,0.3 -0.75,0.75 -1.5,0.9 -2.25,1.35 -1.5,0.45 -1.05,0.3 -0.15,0.15 -0.75,0.3 -1.5,1.35 -0.75,1.2 -0.15,0.45 -0.45,1.35 -0.6,1.2 -0.6,0.6 0.15,0.45 0,0.15 0.45,0.15 0.15,1.2 -0.15,1.95 0.15,1.05 0.6,0.45 0.3,0.15 0.15,0.6 0.15,0.6 0,0.15 -0.15,0 -0.75,0 -0.15,-0.15 -0.45,-0.45 -1.05,-0.45 -2.85,0.9 -0.6,0.15 -0.15,0.3 0,0.6 -1.65,0.15 -0.6,-0.3 -0.3,-0.6 -1.35,-0.75 -0.6,-0.45 -1.5,0.15 -0.3,0.3 -0.45,0.6 -0.3,0 -0.6,0 -0.3,-0.15 -0.15,-0.3 -0.15,-0.6 -0.6,-0.6 -0.6,-0.45 -0.75,-0.45 -0.6,-0.3 0,-0.3 0.3,-0.6 0.3,-0.15 0.15,0 z m -27.15,-57.75 -0.15,-0.9 0,-0.3 -0.3,-0.6 -0.3,-0.3 -0.3,-0.3 -0.3,-0.3 0,-0.15 0,-1.5 0.15,0 0.15,0.15 0.9,0.9 0.3,0.6 0.6,1.35 -0.3,0.75 -0.15,0.3 -0.3,0.3 z m 0.15,-5.85 -0.15,-0.15 -0.3,0 -1.95,-1.05 -0.15,-0.15 0,-0.15 -0.15,-0.45 0.6,-0.15 0.15,0 1.95,1.35 0.3,0.6 -0.3,0.15 z m -16.35,-21.9 -0.3,-0.15 -0.6,-0.3 -0.15,0 -0.3,0 -0.15,-0.3 -0.15,-0.9 0.15,-0.3 1.8,1.5 -0.3,0.45 z m -0.75,-25.95 0,0 0,-0.15 0.15,0 0,0.15 -0.15,0 z m 124.8,125.85 1.05,-0.6 -0.75,-0.9 -0.45,-0.3 -0.3,-0.15 -0.3,-0.75 -0.15,-0.75 0.6,-0.6 0.3,0 0.45,-0.15 -0.6,-1.2 -0.3,-0.15 -0.15,-0.15 -0.15,-0.45 1.05,-2.1 0.6,-1.05 2.1,-0.9 1.95,-0.9 0.3,-0.45 0.45,-0.3 0.3,0 1.2,0.15 0.3,0.45 0.15,0.3 0.3,-0.3 0.3,-0.75 0,-0.9 -0.3,-0.6 0.45,-2.85 0.45,-0.15 0.45,0 0.45,0.45 0.3,3 -0.3,0.6 -0.15,0.9 0,0.6 0,0.6 0.3,1.05 0.3,0.15 -0.15,-0.45 -0.15,-0.3 -0.15,-0.3 0.3,0.3 0.15,0.3 0.15,0.45 0.15,0.45 0.3,4.5 0,1.35 -0.15,1.2 -1.2,1.95 -0.3,0.45 -0.15,0.45 -0.15,1.2 0,0.45 0,0.45 0,1.95 -0.3,0.75 -0.6,0.9 -0.6,1.35 -0.45,1.05 0.15,0.6 -0.45,0.9 -0.45,0 -0.6,-0.45 -0.15,-0.6 -1.65,-0.9 -0.45,-0.15 -0.3,-0.15 -1.5,-1.05 0,-0.9 0.3,-0.3 0.75,-0.3 0.45,-0.6 -0.45,-0.15 -0.3,0 -0.6,-0.3 -0.9,-0.3 -0.15,-0.45 0.45,-0.9 0.45,-0.6 0.3,-0.9 -0.3,-0.3 -0.45,-0.15 -0.45,0.3 -0.45,0 -0.45,0.15 -0.45,-1.05 0.3,-0.15 0.3,0.15 0.3,-0.3 -0.15,-0.45 z"/>
</a>

J'ai un fichier JSON qui contient les informations de ces pays et donc mon problème est le suivant :

Comment récupérer en javascript, les informations concernant le pays cliqué ??

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
var country = { "data" :[
  {
    "code": "FR",
    "name": "FRANCE",
    "img": [
      {
        "OUTPUT":"\/img\/fr-output.png",
        "DEMAND":"\/img\/fr-demand.png",
        "LABOUR":"\/img\/fr-labour.png",
        "PRICES":"\/img\/fr-price.png",
        "EXTERNAL TRANSACTIONS":"\/img\/fr-ext.png",
        "FINANCIAL":"\/img\/fr-financial.png",
      }
    ]
  },
  {
    "code": "IT",
    "name": "ITALY",
    "img": [
      {
        "OUTPUT":"\/img\/it-output.png",
        "DEMAND":"\/img\/it-demand.png",
        "LABOUR":"\/img\/it-labour.png",
        "PRICES":"\/img\/it-price.png",
        "EXTERNAL TRANSACTIONS":"\/img\/it-ext.png",
        "FINANCIAL":"\/img\/it-financial.png",
      }
    ]
  },
  {
    "code": "BE",
    "name": "BELGIQUE",
    "img": [
      {
        "OUTPUT":"\/img\/be-output.png",
        "DEMAND":"\/img\/be-demand.png",
        "LABOUR":"\/img\/be-labour.png",
        "PRICES":"\/img\/be-price.png",
        "EXTERNAL TRANSACTIONS":"\/img\/be-ext.png",
        "FINANCIAL":"\/img\/be-financial.png",
      }
    ]
  },
  {
    "code": "DE",
    "name": "GERMANY",
    "img": [
      {
        "OUTPUT":"\/img\/de-output.png",
        "DEMAND":"\/img\/de-demand.png",
        "LABOUR":"\/img\/de-labour.png",
        "PRICES":"\/img\/de-price.png",
        "EXTERNAL TRANSACTIONS":"\/img\/de-ext.png",
        "FINANCIAL":"\/img\/de-financial.png",
      }
    ]
  },
]}

et voici quelques fonctions JS que j'ai utilisé....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
var divId = document.getElementById("demo");
 
var objstring = JSON.stringify(country);
var obj = JSON.parse(objstring);
 
for(var i=0;i<obj.data.length;i++)
 
for(var keys in obj.data[i]){
          console.log(keys +" --> "+obj.data[i][keys]);
          divId.innerHTML = divId.innerHTML + "<br/>"+ keys +"-->"+obj.data[i][keys];}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function itemLinkClick() {
 
    // var rel = this.getAttribute("rel");
    var rel = this.idValue;
    // var placeholder = document.getElementById(rel);
    if (rel) {
        document.getElementById("description").innerHTML = placeholder.innerHTML;
    } else {
        alert("DEBUG - element not found " + rel);
    }
}
 
 window.onload = function() {
    for (var i = 0; i < document.links.length; i++) {
        var links = document.links[i];
        console.log(links);
        var ahref = links.getAttribute("a");
        if (ahref && ahref.length > 0) {
            links.onclick = itemLinkClick;
        }
    }
};

J'ai essayer plusieurs fonctions, recherches sur le net... mais rien n'y fait. Alors je compte sur votre expértise pour m'aider à trouver une solution

merci de votre aide

**SpaceFrog** · 14/06/2017, 08h36

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onClick="clickValue('it')"

tu passes à priori en paramètre le code pays ... mais en minuscules ...

Je te propose une solution en utilisant JQuery et son $.grep qui permet de filtrer les éléments du JSON.
Il suffit de mettre en data-pays des liens le code Pays

https://jsfiddle.net/bcgsqvqq/

**corv0** · 14/06/2017, 10h00

Je te remerci tout d'abord SpaceFrog d'avoir pris du temps pour me répondre.
En effet c'est une bonne piste pour partir sur quelque chose de bien propre.

je vais continuer et mettre les posts si besoin.

**corv0** · 14/06/2017, 11h03

Autre question ?

Quand je veux récupérer mon path de l'image dans mon tableau JSON, j'ai en console [Object Object].
J'avais essayer avec un Stringify mais rien n'a faire.

Quelqu'un aurait une piste ?

**SpaceFrog** · 14/06/2017, 11h08

img et un array ...
https://jsfiddle.net/bcgsqvqq/1/

**corv0** · 14/06/2017, 11h17

Alors là je ne sais pas quoi dire d'autre qu'un ENORME Merci.
C'est bien le paramètre OUTPUT que je ne connaissais pas.

Encore un grand merci SpaceFrog et tu as mérité un bon RESOLU

:p :p :p

résultats Tableau JSON - HTML - JS

JavaScript

Discussions similaires

Partager

Partager