How to insert an element in DIV at position X Y
Clash Royale CLAN TAG #URR8PPP How to insert an element in DIV at position X Y I am trying to create a webpage where users can insert a pin (like google map) in between the text using context menu. My problem is that i do not know how to insert the pin at the exact position. Using the DOM I can arrive only to the nearest DIV (by using this ) but a DIV contains a lot of text and the PIN has to be positioned next to the text. I can obtain the position of the mouse click using pageX and pageY but dont know how to insert an element at that position. I tried in JQuery: insertAfter, prepend, append but not getting the desired result. Any idea how to solve this problem. regards, choesang tenzin $("#Content").rightClick( function(e) { $("<div class='pin'/>").insertAfter(this); }); Shouldn't $("<div class='pin'/>").insertAfter(this); be $("div.pin").insertAfter(this); ? ...