Mausposition ermitteln

[Robbyn-]

Hy ich würde gerne wissen wie man seine Mausposition ermitteln könnte also mit Javascript. Die y und y Position.
Ich habe schon viele tuts bei Google gefunden aber keines hat so richtig gefunzt. Da mein Problem besteht das ich die x und y koordinaten in eine DB speichern möchte und die dan als left und top für ein div ausgeben möchte. Da taucht nur immer das Problem auf das das DIV unsinnige werte bekommt wie -132 , -512 was ja nicht geht ich kann ja mit meiner Maus nicht aus den Browser gehen wenn ich ein DIV bewege.
Ich hoffe ihr könnt mir dabei helfen!

MfG.Robbyn

 

[sokie]

AW: Mausposition ermitteln

da kommt es natürlich sehr darauf an, wie dein Script aussieht, das dir so unsinnige werte liefert.

 

[Robbyn-]

AW: Mausposition ermitteln

Also mein javascript teil sieht wie folgt aus

var xmlHttp = false;

try {
    xmlHttp  = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
    try {
        xmlHttp  = new ActiveXObject("Microsoft.XMLHTTP");
    } catch(e) {
        xmlHttp  = false;
    }
}

if (!xmlHttp  && typeof XMLHttpRequest != 'undefined') {
    xmlHttp = new XMLHttpRequest();
}


function savePos(elementId){
  var pos,element;
  element=document.getElementById(elementId);
  pos=chkPos(element);
    
  sendData(elementId,pos.x,pos.y);
}

function sendData(elementID,x,y){
  if (xmlHttp) {
	  
      xmlHttp.open('POST', 'db.php');
      xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
      xmlHttp.send('element=' + elementID + '&x='+ x + '&y=' + y);
  }
}


function chkPos(element){
  var elem=element,
  tagname="",
  x=0,
  y=0;
  
  while ((typeof(elem)=="object")&&(typeof(elem.tagName)!="undefined")){
    y+=elem.offsetTop;
    x+=elem.offsetLeft;
    tagname=elem.tagName.toUpperCase();
    
    if (tagname=="BODY" || tagname=="HTML")
      elem=0;

    if (typeof(elem)=="object")
      if (typeof(elem.offsetParent)=="object")
        elem=elem.offsetParent;
  }

  pos=new Object();
  pos.x=x;
  pos.y=y;
  
  return pos;
}

Damit diese Funktionen aufgerufen werden sieht mein div tag wie folgt aus:

 <div id="bildschirm" onmouseup="javascript:savePos('bildschirm')">

so und die db.php ist eine ganz normale php datei die die x und y position einträgt.
Mithilfe von css trage ich dann die werte ein.

MfG.Robbyn

 

[sokie]

AW: Mausposition ermitteln

ah, und ich dachte nach deinen letzten posts hättest du auf ein framework gesetzt (JQuery,mootools, etc...).
würde ich dringend empfehlen, damit du, nach erfolgreicher Programmierung deiner funktion nicht feststellen musst, dass du einige Browser nicht berücksichtigt hast, und das eine unendliche geschichte wird.
Deine ergebnisse fallen möglicherweise je nach browser auch unterschiedlich aus.

 

[Robbyn-]

AW: Mausposition ermitteln

Ich ahbe nciht auf diese Frameworks zurück gegriffen da nicht in einen ordentlichen tut erkärt wird wie man sowas hinbekommen soll sonst hätte ich sowas nicht gemacht. Vielleicht kannst du mir ja von einen deiner oben gennanten beispiele ein einfaches tut zeigen??

MfG.Robbyn

 

[sokie]

AW: Mausposition ermitteln

viola

 

[Robbyn-]

AW: Mausposition ermitteln

Ok habe es jetzt mit Prototype gelöst geht auch alles Perfekt. Das Problem da immer minus(-) zahlen eingetragen wurden lag daran da in den divs noch ein <img> war. Das hat sich wohl nicht vertragen. Jetzt geht es aufjedenfall mit den verschieben und den speichern und auslesen der x und y koordinaten.

Danke für deine Hilfe @sokie

MfG.Robbyn