title: Browser app, detect where user clicks on image
body: <p>I am looking to develop a web-app that displays an image to the user and allows them to click on certain parts of the image, when they do it will do a http post to some script. The post will basically send where the user clicks on the image.</p>
  
  <p><strong>More Info</strong>
  For example: there would be a birds eye view image of a building. The building is surrounded by benches, the user can click on any bench and when they do it will post which bench they clicked on.</p>
  
  <p>Could somebody show me how they might achieve this using the latest web layer technologies, what libs I might use, some pseudo-code perhaps. I DO NOT want to use flash.</p>
  
  <p>Thanks in advance.</p>
  
  <p>p.s: I tried Todds solutions (see below) which looks like the way forward for me, however I can never get the result of myImage.x to displayecho out of the POST variable</p>
  
  <p>html/form</p>
  
  <pre><code>&lt;form action="test1.php" method="post"&gt;
     &lt;input type="image" src="aws.gif" name="myImage" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>php script</p>
  
  <pre><code>&lt;?php 
  print("The value is: ");
  echo $_POST["myImage.x"];
  ?&gt;
  </code></pre>