Mike Nagl: Position bestimmen

Hallo Leute,..

ich habe schon sehr lange im Forum gesucht und in Google gesucht.. aber leider habe ich nie das Passende gefunden.
Nun stell ich einfach meine Frage und ich hoffe ihr könnt mir helfen.
Ich habe mit Javascript einen Code geschrieben, indem sich ein Ball bewegt und ein Bild die Maus verfolgt.
Jetzt würde ich gerne wissen wie ich die Position der Maus bzw. des Balles herausfinden kann. Und das soll dann in eine Varibale rein.
Das hier ist mal mein Code.
Bitte helft mir, ich suche schon seit 2 Wochen nach dem Passenden und ich hoffe ich kann in diesem Forum Hilfe finden.

<body style="background-image:url('feld.gif'); background-repeat:no-repeat;">

<div  id="ball"><img alt="ball" src="spiel2.gif" /></div>

<div id="box" style="position: absolute; left: 0px; top: ; z-index:2; width:57px; height:;"><img  id="fuss" src="fuss.png" width="20" height="80" alt="" /></div>

<div id="tor1" ></div>
<div id="tor2" ></div>

<script>

var x=Math.round(Math.random());
var y=Math.round(Math.random());
var xrichtung="rechts";
var yrichtung="unten";
var step=4;

var x1=100;
var y1=0;
var x1richtung="links";
var y1richtung="unten";
var step1=12;
var ball4;

function move()
{
    if(xrichtung=="rechts")
    {
        x+=step;
    }
    else
    {
        x-=step;
    }

if(yrichtung=="unten")
    {
        y+=step;
    }
    else
    {
        y-=step;
    }

if(x>790)
    {
       xrichtung="links";
    }
    if(x<0)
    {
       xrichtung="rechts";
    }
    if(y>400)
    {
       yrichtung="oben";
    }
    if(y<0)
    {
       yrichtung="unten";
    }

document.getElementById("ball").style.left=x+"px";
document.getElementById("ball").style.top=y+"px";
    setTimeout("move()",0);
}

move();

function schiessen()
{

var ball4 = document.getElementById("ball").value;
}

var Xpos,Ypos;
document.onmousemove=ball;
function ball(s)
{
 Xpos = (document.all) ? window.event.x + document.body.scrollLeft : s.pageX;
Ypos = (document.all) ? window.event.y + document.body.scrollTop : s.pageY;

//Ball
     fad=document.getElementById("box");

fad.style.left=Xpos-10+"px";

if(Ypos<5)Ypos=5;
    if(Ypos>600)Ypos=600;
    fad.style.top=Ypos-20+"px";

}

</script>
</body>

  1. Position bestimmen ist ein bisschen tricky. Da gibts aber schon einige Treffer wenn man danach sucht. Ich bin ja nicht wirklich Fan von Tips wie *Google weiß es*, aber such doch mal nach: javascript mausposition bestimmen

    Deinen Code könnte man noch kürzen (machts übersichtlicher) und die Richtung als String speichern find ich auch nicht sehr schön.
    Merk dir doch einfach die Schrittweite in x und y Richtung (positiv oder negativ) und dann machst du

    x += xSpeed;
    y += ySpeed;

    if (x > ...)
      xSpeed = -step;
    if (x < ...)
      xSpeed = step;

    aber das nur am Rande

    1. okay danke

      hey das weas du da her geschrieben hast.. statt was muss ich des machen.. habs ned ganz verstandn??
      bin noch nicht so der meister des JS ^^

  2. Hallo,

    Ich habe mit Javascript einen Code geschrieben, indem sich ein Ball bewegt und ein Bild die Maus verfolgt.
    Jetzt würde ich gerne wissen wie ich die Position der Maus bzw. des Balles herausfinden kann. Und das soll dann in eine Varibale rein.

    um die Mausposition zu ermitteln, gibt es diverse <http://de.selfhtml.org/javascript/objekte/event.htm@title=Eigenschaften des event-Objektes>, die Du nutzen kannst. Du wirst vermutlich feststellen, dass diese je nach verwendeten Browser unterschiedlich sind. Weiterhin kann Dir der event-Handler http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmousemove@title=onmousemove helfen.

    Freundliche Grüße

    Vinzenz

  3. Hi,

    ich habe schon sehr lange im Forum gesucht und in Google gesucht.. aber leider habe ich nie das Passende gefunden.

    Nicht für jedes Problem findet man die fertige Lösung auf dem Silbertablett.

    Nun stell ich einfach meine Frage

    Das hast du bereits - auch wenn du da noch unter dem (Nick)Namen michael.s gepostet hast.

    In der Charta hast du allerdings gelesen, dass Doppelpostings hier unerwünscht sind - also unterlasse sie bitte.

    MfG ChrisB

    --
    Light travels faster than sound - that's why most people appear bright until you hear them speak.
    1. Das mit dem doppelposting tut mir Leid..
      nur lest den alten Beitrag sonst keiner.. und das war mir wirklich dringend