title: JavaScript find X,Y of inline element to set popup box next to it
body: <p>I have table with few records and I need to show a popup box when the user mouses over a certain record.</p>
  
  <p>I have created the popup box and set the message there. The only thing that's left is to set the coordinates of that box (<code>&lt;div id="popup"&gt;&lt;/div&gt;</code>) so that it's next to the element that triggers this box.</p>
  
  <p>So I got the <code>this</code> of the tag I mouse over. Now how can I get its location on the window?</p>
  
  <p>I tried <code>this.offsetLeft</code> and it's relative to parent. The element is inline so I don't know how to find it.</p>
  
  <p>I using pure JavaScript and please don't suggest jQuery as I don't want to use it in this project.</p>