Animer une donnée récupérée dans mon fichier JSON

**opmqopmq** · 11/08/2014, 18h19

Bonjour,

Je souhaiterais combiner mes script1 et script2 en 1 seul :
sur le script1, il faudrait que pour le champ "value" il récupère une valeur dans mon fichier json (data.datametier[23].entrants)

Merci !

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
 
<!DOCTYPE html>
<head>
    <meta HTTP-EQUIV="X-UA-COMPATIBLE" CONTENT="IE=EmulateIE9" >
    <script type="text/javascript" src="scripts/d3.min.js"></script>
    <script type="text/javascript" src="scripts/radialProgress.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
    <link type="text/css" rel="stylesheet" href="styles/style.css">
 
 
</head>
 
<body>
 
<div id='outer' style="width: 1000px; height:800px; margin: 0px auto; margin-top:20px; padding:10px">
    <div id="main" style="width:1000px; height:200px; margin: 0px auto; ">
        <div id="demo1"></div>
        <div id="demo2"></div>
 
    </div>
</div>
 
<!--------------------------SCRIPT 1-----------------------> 
 
 
<script language="JavaScript">
 
    start();
 
    function start() {
    var rp1 = radialProgress(document.getElementById('demo1'))
                .label("DEMO 1")
                .diameter(150)
                .value(10) // <<<<< comment rendre cette valeur dynamique ??
                .render();
    }
 
</script>
 
 
 
<!-----------------------SCRIPT 2----------------------> 
<script>
// j'appelle mon fichier exerne	avec extension .json
  $.getJSON('chiffres_salaries.json', function(data) { 
 
// J'écris sur la page	
document.getElementById("demo2").innerHTML=(data.datametier[23].entrants).toLocaleString();
  });
 </script> 
 
 
 
</body>
</html>

**kaari kosaku** · 11/08/2014, 18h50

Salut

Premièrement, ton titre ne veut rien dire.
Deuxièmement, je te conseille d'apprendre le Javascript...

car Troisièmement, c'est aussi simple que de connaitre la base du comportement évènementiel de Javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$.getJSON('chiffres_salaries.json', function(data) { 
 
var rp1 = radialProgress(document.getElementById('demo1'))
                .label("DEMO 1")
                .diameter(150)
                .value(data.datametier[23].entrants)
                .render();
 
});

**opmqopmq** · 12/08/2014, 09h30

Merci ça marche !
J'avais oublié d'appeler mon fichier JSON !
Oui je vais essayer d'apprendre javascript :-)

Envoyé par kaari kosaku

Salut

Premièrement, ton titre ne veut rien dire.
Deuxièmement, je te conseille d'apprendre le Javascript...

car Troisièmement, c'est aussi simple que de connaitre la base du comportement évènementiel de Javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$.getJSON('chiffres_salaries.json', function(data) { 
 
var rp1 = radialProgress(document.getElementById('demo1'))
                .label("DEMO 1")
                .diameter(150)
                .value(data.datametier[23].entrants)
                .render();
 
});

Animer une donnée récupérée dans mon fichier JSON

JavaScript

Discussions similaires

Partager

Partager