udeh/d3test.html at master · pythonquick/udeh · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/d3_wrapper.css">
<body>
<script src="js/jquery.js"></script>
<script src="js/d3.v3.min.js"></script>
<script src="js/d3_wrapper.js"></script>
<script>
d3obj = initD3("body", function(sku) {alert(sku); });
</script>
SKU 1:<input id="sku1" type="text"/><input onclick="d3obj.addnode($('#sku1').val(), 50, 'http://img.bbystatic.com/BestBuy_US/images/products/2878/2878503_sc.jpg');" type="button" value="Add Node"/><br/>
SKU 2:<input id="sku2" type="text"/><input onclick="d3obj.addnode($('#sku2').val(), 50, 'http://img.bbystatic.com/BestBuy_US/images/products/2878/2878503_sc.jpg');" type="button" value="Add Node"/><br/>
<select id="linkType">
<option default>accessory</option>
<option>purchesedWith</option>
<option>alsoViewed</option>
</select>
<input onclick="d3obj.linknodes($('#sku1').val(), $('#sku2').val(), $('#linkType').val());" type="button" value="Link Nodes"/><br/>
<input onclick="d3obj.clear();" type="button" value="Clear"/>
</body>
</html>