Thomas Schmieder: Formular als Hintergrundbild

Beitrag lesen

Hallo Michael,

noch ein kleines "Werkzeug" zur Ermittlung der Feldpositionen:

html>
<head>
<title>Koordinaten</title>

<script type="text/javascript">
  <!--

function addPoint(x,y)
  {
    document.transmitForm.transmitData.value = document.transmitForm.transmitData.value + "," + x +"," + y;

}

function koordinaten(ereignis)
  {
   if (window.opera) {
   //Opera, unabhaengig von der Einstellung

alert(ereignis.clientX-ereignis.target.offsetParent.style.pixelLeft+"\n" +(ereignis.clientY-ereignis.target.offsetParent.style.pixelTop))
   } else if (document.all) {
           //Internet Explorer
          alert(window.event.offsetX+'\n'+window.event.offsetY);
          addPoint(window.event.offsetX,window.event.offsetY);

} else if (document.layers || document.getElementById)
             {
              //Netscape 4, 6, Mozilla
              alert(ereignis.layerX+"\n"+ereignis.layerY);
              addPoint(ereignis.layerX,ereignis.layerY);
             }
     }

function init()
  {   //ueberwachung der Grafik
  if (document.layers) document.layers[0].document.images.bild.onmouseup=koordinaten;
  else document.images.bild.onmouseup=koordinaten;
  }

//-->
</script>
</head>
<body onload="init()">

<div style="position:absolute;top:100px;left:100px;"><img name="bild" src="gelb296x217.gif" border="0"></div><br>

<div name ="formDiv" style="position:absolute;top:350px;left:100px;">
<form action="transmitImageMap.php"  name="transmitForm">
  <textarea name="transmitData" rows="10" cols="40"></textarea><br>
  <input type="submit" name="btn_submit" value="absenden">
</form>
</div>
</body>
</html>

Solltest Du daraus was "Vernünftiges" machen, poste es mal zurück.

Grüße

Tom