<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- where.html
     Show the coordinates of the mouse cursor position 
     in an image and anywhere on the screen when the mouse
     is clicked
     -->
<html xmlns = "http://www.w3.org/1999/xhtml">
  <head>
    <title>Où est le curseur ?</title>
	<link rel="stylesheet" href="where.css" type="text/css" charset="utf-8"/>
    <script type = "text/javascript" src="where.js"  charset="utf-8"></script>
  </head>
  <body>
    <form action="">
      <h3>Coordonnées client</h3>
        <p>x:<input type = "text"  id = "xClient"  size = "4" /></p>
        <p>y:<input type = "text"  id = "yClient"  size = "4" /></p>
       <h3>Coordonnées écran</h3>
        <p>x:<input type = "text"  id = "xScreen"  size = "4" /></p>
        <p>y:<input type = "text"  id = "yScreen"  size = "4" /></p>
       <h3>Coordonnées relatives au logo</h3>
        <p>x:<input type = "text"  id = "xRel"  size = "4" /></p>
        <p>y:<input type = "text"  id = "yRel"  size = "4" /></p>
    </form>
    <p>
      <img id="logo" src= "logoRALI.jpg"  alt = "Logo du RALI" />
    </p>
    	<p>
		    <a href="http://validator.w3.org/check?uri=referer"><img

               src="http://www.w3.org/Icons/valid-xhtml10"
               alt="Valid XHTML 1.0 Strict" height="31" width="88" />
             </a>
		</p>
  </body>
</html>