Getting HTML table row position and showing div next to it

[xjWinchesterHermannbp]

I've managed to show \[code\]<div>\[/code\] which contains a relevant image to the table row, but I want my \[code\]<div>\[/code\] to appear next to the clicked row like this:

In this example, when user clicks on second row, \[code\]<div>\[/code\] is shown right next to it. So, how do I get position of clicked row? I triedthis and this solutions, but they both return the table's position instead of row's.