How to open a popover on the mouse click location

Question

I have loaded an image on my HTML page and I\'d like to open a popover from Twitter Bootstrap right over the mouse click position. What I have done so far is to open the po

Answer 1

You need to get the mouse coordinates and make your script use them to position the popover on click. If you're using jQuery this might help:

$('#yourimage').click(function(){
      $('#popover').css('left', pageX-(popover width)+'px');
      $('#popover').css('top', pageY-(popover height)+'px');
})

---EDIT---

Here's a demo of what you're after.