SO Help: Placing a dot on an image - onClick

http://stackoverflow.com/questions/26123410/placing-a-dot-on-an-image-onclick/26123546

by SpYk3

HTML

<body background="http://www.craigjoneswildlifephotography.co.uk/blog/wp-content/uploads/2010/07/CMJ57311.jpg">
    
    


    
</body>

CSS

html, body { height: 100%; margin: 0; }

JavaScript

$(document).ready(function(){
	$(document).on('click', 'body', function(e) {
		mouseX = e.pageX;
		mouseY = e.pageY
		console.log('Mouse Position:\t' + mouseX + '|' + mouseY);
		var color = '#000000',
			size = '5px';
		$(this).append(
			$('<div />')
				.css({
					backgroundColor: color,
					height: size,
					left: mouseX + 'px',
					position: 'absolute',
					top: mouseY + 'px',
					width: size
				})
		);
	})
});