Question

I need to have a hidden div and show it where ever I click on a page. Do I make its position relative? How do i associate with a position of a click?

Answer 1

If you know jQuery, then you can do a simple css({left:e.pageX, top:e.pageY}) in replacement for this sample (click anywhere and you’ll get the position):

http://jsbin.com/ufovo3

Here’s the code:
http://jsbin.com/ufovo3/edit

$(document).click(function(e){ //Change the "document" to whatever you want
  alert('x: '+e.pageX+', y:'+e.pageY);
});

Here’s a better demo:
http://jsbin.com/ufovo3/2/

source
http://jsbin.com/ufovo3/2/edit

Click it and watch it move where you click.