mad/dispatch_click.html

## dispatch_click.html
<!DOCTYPE html>
<html>

	<head>
	    <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?1.27.2"></script>
	    <script type="text/javascript" src="http://mbostock.github.com/d3/d3.time.js?1.27.2"></script>

		<script type="text/javascript" src="js-libs/jquery-1.7.js"></script>

	    <style>
		<!--
			#test {
				width: 400px;
				height: 500px;
			}
		-->
		</style>
	</head>

	<body>

	<script type="text/javascript">
	$(function() {
		var w = 600,
			h = 350;

		var vis = d3.select("#test").append("svg:svg")
					.attr("width", w)
					.attr("height", h)
					.append("svg:g")
					.attr("transform", "translate(" + w / 2 + "," + h / 2 + ")");

		var g = vis.selectAll("g")
					.data([ { x:1 , y: 2} ])
					.enter().append("svg:g");

		g.append("svg:path")
		   .attr("fill", "red")
		   .attr("stroke", "red")
		   .attr("stroke-width", "10")
		   .attr("d", "M 100 350 l 150 -300")

		g.select("path")
		   .on("click", function() { console.log("Hello"); });

		// XXX: how to execute click programmaticaly?
	})
	</script>

	<div id="test"></div>
	</body>
</html>
	<!DOCTYPE html>
	<html>

	<head>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?1.27.2"></script>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.time.js?1.27.2"></script>

	<script type="text/javascript" src="js-libs/jquery-1.7.js"></script>

	<style>
	<!--
	#test {
	width: 400px;
	height: 500px;
	}
	-->
	</style>
	</head>

	<body>

	<script type="text/javascript">
	$(function() {
	var w = 600,
	h = 350;

	var vis = d3.select("#test").append("svg:svg")
	.attr("width", w)
	.attr("height", h)
	.append("svg:g")
	.attr("transform", "translate(" + w / 2 + "," + h / 2 + ")");

	var g = vis.selectAll("g")
	.data([ { x:1 , y: 2} ])
	.enter().append("svg:g");

	g.append("svg:path")
	.attr("fill", "red")
	.attr("stroke", "red")
	.attr("stroke-width", "10")
	.attr("d", "M 100 350 l 150 -300")

	g.select("path")
	.on("click", function() { console.log("Hello"); });

	// XXX: how to execute click programmaticaly?
	})
	</script>

	<div id="test"></div>
	</body>
	</html>