title: METEOR JS commenting on image on specific position
body: <p>I'm newbie in METEOR JS. I have multiple Images.on each Image based on the position(x &amp; y co-ordinates) i want to add comment and at which position i have added commented that point has to highlighted.</p>
  
  <p>so when I again come back on image then already commented places should be listed over there.</p>
  
  <p>I tried it but getting co-ordinates of image by the java-script. but that place is not going to highlighted. `Template.testTemplate.events({
      'click img'(e) {</p>
  
  <pre><code>function FindPosition(oElement)
  {
    if(typeof( oElement.offsetParent ) != "undefined")
    {
      for(var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent)
      {
        posX += oElement.offsetLeft;
        posY += oElement.offsetTop;
      }
        return [ posX, posY ];
      }
      else
      {
        return [ oElement.x, oElement.y ];
      }
  }
  function GetCoordinates(e)
  {
    var PosX = 0;
    var PosY = 0;
    var ImgPos;
    ImgPos = FindPosition(myImg);
    if (!e) var e = window.event;
    if (e.pageX || e.pageY)
    {
      PosX = e.pageX;
      PosY = e.pageY;
    }
    else if (e.clientX || e.clientY)
      {
        PosX = e.clientX + document.body.scrollLeft
          + document.documentElement.scrollLeft;
        PosY = e.clientY + document.body.scrollTop
          + document.documentElement.scrollTop;
      }
    PosX = PosX - ImgPos[0];
    PosY = PosY - ImgPos[1];
    console.log(PosX,'PosX',PosY,'PosY')
    document.getElementById("x").innerHTML = PosX;
    document.getElementById("y").innerHTML = PosY;
  }
  
  
      var myImg = document.getElementById("testImage");
      console.log(myImg,'myImg',e)
      // myImg.onmousedown = GetCoordinates; 
  
  },
  });`
  </code></pre>
  
  <p>so basically i required highlighted place where i have commented already on specific position.</p>