a-u-t-o-m-a-t-i-o-n

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();
-    // });
+// popup('dadaloglu',12);
+// popup('asikA',45);
 //
-    //
-    //
-    // $("#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();
-    // });
+
 
 //stop events when clicking somewhere else
   $(document).click(function (e) {