Frank: Koordinaten innerhalb eines Elements

Beitrag lesen

Hallo alle zusammen,

Ich habe zwei Probleme mit Javascript. Ich möchte die Koordinaten des Mauszeigers innerhalb eines <p>-Tags auslesen. Laut Selfhtml funktioniert das mit der Offset-Funktion. Allerdings funktioniert diese nicht in jedem Browser und auf Selfhtml finde ich auch keine ähnliche Funktion, welche im FF etc. funktioniert. Wie muss ich das nun machen?

Die Seite um die es sich dreht ist http://minigames.lost-galaxy.de/staedteraten/. In dem Tag

<p id="imgbar"></p>

sollen die Zeigerkoordinaten ausgelesen werden. Die Funktion dazu ist schon vorhanden und hat auch schon den event-Handler, jedoch habe ich mit dem Bestimmen der Mausposition in den verschiedenen Browsern noch wenig Erfahrung.

Das zweite Problem an dem Script ist, das der IE die Leiste nicht anzeigt, wo man sich die Stadt auswählen kann. Die relevanten Codeteile dafür sind:

 gamecontainer.innerHTML = '<p id="actionbar"></p>';  
gamecontainer.innerHTML += '<p id="gesuchtestadt"><em>Bitte w&auml;hlen Sie eine Stadt aus.</em></p>';  
gamecontainer.innerHTML += '<p id="imgbar" onclick="set_marker();"></p>';  
  
actionbar = document.getElementById('actionbar');  
gesuchtestadt = document.getElementById('gesuchtestadt');  
imgbar = document.getElementById('imgbar');  
  
var actionbar_temp = '<select name="stadt"><option style="font-style: italic;" value="-1">Stadt w&auml;hlen</option>';  
for(stadt_key in staedte){  
staedte_temp = staedte[stadt_key].split("|");  
actionbar_temp += '<option value="' + stadt_key + '">' + my_decode(staedte_temp[0]) + '</option>';  
}  
actionbar_temp += '</select> <input type="button" value="Stadt wechseln" onclick="change_city();"> - <a href="javascript:new_city();">Neue Zufallsstadt</a>';  
actionbar.innerHTML = actionbar_temp;

Der IE scheint dabei die letzte Zeile zu ignorieren wodurch das <p>-Tag mit der id "actionbar" leer bleibt.

Danke für Eure Hilfe.

LG
Frank