Hallo Leute!
In meiner Anwendung transformiere ich Bildschirmkoordinaten in Weltkoordinaten, um die Länge einer gezogenden Linie auf einer Karte zu bekommen.
Dabei soll beim verschieben des Maus-Cursors die aktuelle Strecke in einem div an der Spitze des Maus-Cursors angezeigt werden.
Die Umrechnung klappt, nur beim Internet-Explorer bekomm ich eine Fehlermeldung. Im Firefox läuft's!
Habe mal den Code gepostet, der in beiden Browsern läuft. Hier wird immer die aktuelle y-Position des Maus-Cursors auf dem Bildschirm an die Mausespitze angehängt.
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function mouseMove (e) {
if (!e)
e = window.event;
// Explorer
if (document.all) {
document.all.messen.style.left = e.clientX + 20;
document.all.messen.style.top = e.clientY;
document.all.messen.innerHTML = e.clientY;
// Firefox
} else if (document.getElementById) {
document.getElementById("messen").style.left = e.clientX + 20;
document.getElementById("messen").style.top = e.clientY;
document.getElementById("messen").innerHTML = e.clientY;
}
}
document.onmousemove = mouseMove;
</script>
</head><body>
<div id="messen" style="position:absolute;"></div>
</body></html>
Wenn ich das jetzt in meine Anwendung einbau, läuft's nicht im Explorer und ich bekomm eine Fehlermeldung:
document.all.messen.style ist null oder kein Objekt.
Also der div ist genauso wieder in der Seite vorhanden.
Hab schon ziemlich viel ausprobiert und gegooglet. Hat leider nichts geholfen!
Ich hoffe, mir kann jemand helfen. Dank im voraus!
Gruß Jörn