✔ onclick auf Bild, MouseTracking geht nimmer

[Aser]

Tag,
ich habe folgendes Problem:
Wenn ich das Bild anklicke soll an dieser Stelle(x-y-Kordinaten des Moments, wo geklickt wurde) ein div eingeblendet werden...
Das ganze sogar bisher...

nur nicht an der richtigen Stelle...

Mein Verdacht:
Die xy-Koordinaten werden nur solange (mousetracking) aktualisiert, waehrend sich der Mauszeiger auf 'document' befindet... sobald der Mauszeiger auf dem Bild ist, wird die Position nimmer aktualisiert

echo "<div id='selektierterbereich' style='position:absolute;'>aelektierterbereich</div>";
echo "<div id='pixelausgabe' style='position:absolute;'>pixelausgabe</div>";


echo"
<script type ='text/javascript'>
<!--
var mX, mY, letztemausfigur, letztesangeklicktesfeld, musterfeldanzeige, zwischenspeicherxyvon, zwischenspeicherxynach = 0;
var xvomanfang = 0;
var yvomanfang = 0;


function SetToolTipPos(ttid, x, y)
{
document.getElementById(ttid).style.left = x + 'px';
document.getElementById(ttid).style.top = y + 'px';
}

document.onmouseover = MouseTracking;
function MouseTracking(evt)
{

    mX = evt.pageX;
    mY = evt.pageY;


}


function mausklickposition()
{


    document.getElementById('pixelausgabe').innerHTML = \"xxx\" + mX + \"yyy\" + mY ;
    document.getElementById('selektierterbereich').innerHTML = \"ROTERRAHMEN\" ;
    SetToolTipPos('selektierterbereich', mX, mY);
}






//-->
</script>";
######################################


#echo"<a onclick=\"mausklickposition();\" ><img border='0' src='./bilder/avatars/".$avatarid.".jpg'></a>";
echo"<img border='0' name='avatarvorlage' src='./bilder/avatars/".$avatarid.".jpg' onClick=\"mausklickposition('xydesclicks');\">";
echo "<div id='selektiertesfeld' >Menueleiste</div>";

 

[Quaese]

Hi,

vielleicht bringt es etwas, statt des onmouseover-Events den onmousemove-Event zu überwachen.

Ersetze

document.onmouseover = MouseTracking;

durch

document.onmousemove = MouseTracking;

Ausserdem solltest Du die Funktion zum Ermitteln der Cursorkoordinaten browserübergreifender gestalten.

function MouseTracking(evt){
  mX = (window.event)? window.event.clientX : evt.pageX;
  mY = (window.event)? window.event.clientY : evt.pageY;
}

Ciao
Quaese

 

[Aser]

perfekt, danke daran lags