nicht angemeldet
Hallo,
für Halbfaule habe ich da mal mit Antje Hofmanns Hilfe was in JavaScript gebastelt. Ich bin immer noch nicht dazu gekommen, ein Programm daraus zu machen. Es geht ja auch so ;-)
<!-- createMap.html -->
<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>
Das Bild müsste man nun über PHP laden und dann an das Script zurückschicken und die Koordianten speichern...
Grüße
Tom