diff --git a/static/js/d3_map.js b/static/js/d3_map.js index 24aa52c..440dbe6 100644 --- a/static/js/d3_map.js +++ b/static/js/d3_map.js @@ -32,14 +32,10 @@ d3.json("/static/js/group1.json", function(error, json) { .attr("class", "node ") // .node()classList.add(function(d){return d.group}); .attr("id", function(d){return d.id}) - - // .style("fill",function (d) { return 'red'; }) - // .on("click", function(d){ - // scrolldiv(d); - // play(d); - // popup(d); - // }) + .on("click", function(i){ + popup(i.id,i.time); + }) .call(force.drag); node.append("image") @@ -104,7 +100,6 @@ d3.json("/static/js/group1.json", function(error, json) { // scripts for mouse events function popup(name,time) { - $("#"+name).click(function(){ $("#show"+name).fadeIn() console.log("around") var dada = document.getElementById("text"+name); @@ -113,34 +108,12 @@ function popup(name,time) { var audio1 = document.getElementById("audioBG"); audio1.currentTime = time; audio1.play(); - }); }; -popup('dadaloglu',12); -popup('asikA',45); - - // $("#dadaloglu").click(function(){ - // $("#showdadaloglu").fadeIn() - // console.log("around") - // var dada = document.getElementById("textdadaloglu"); - // dada.className += " active"; - // dada.scrollIntoView(); - // var audio1 = document.getElementById("audioBG"); - // audio1.currentTime = 12; - // audio1.play(); - // }); - // - // - // - // $("#asikA").click(function(){$("#showasikA").fadeIn() - // console.log("around") - // var muh = document.getElementById("textasikA"); - // muh.className += " active"; - // muh.scrollIntoView(); - // var audio2 = document.getElementById("audioBG"); - // audio2.currentTime = 120; - // audio2.play(); - // }); +// popup('dadaloglu',12); +// popup('asikA',45); +// + //stop events when clicking somewhere else $(document).click(function (e) {