01: //----------------------------------------------------------------------
02: //  storage-load-svg.js
03: //----------------------------------------------------------------------
04: 
05: var w = 900;
06: var h = 550;
07: 
08: $("#svg-picture").empty();
09: 
10: var svg_name = "svg/barn.svg";
11: 
12: var svg_img = d3.select("#svg-picture").append("svg").attr("width", w).attr("height", h);
13: 
14: d3.xml(svg_name, "image/svg-xml",  function(xml)
15: {
16: 
17:     var svgNode = xml.getElementsByTagName("svg")[0];
18:     svg_img.node().appendChild(svgNode);
19: 
20:     innerSVG = svg_img.select("svg");
21: 
22:     // This works
23:     innerSVG.select("#GT-7").select("tspan").html("Waiting");
24:     d3.select("#GT-1").select("tspan").html("Waiting");
25:     
26: });
27: 
28: // This does not work why??
29: d3.select("#GT-3").select("tspan").html("Dont work");
30: 
31: // This does not work why?????
32: innerSVG.select("#GT-2").select("tspan").html("Don't work");
33: 
34: