steckl: Problem beim bewegen eines Bildes

Beitrag lesen

Hi,

<html><head><title>Test</title>
<script type="text/javascript">
function Mausklick (Ereignis) {
  if (!Ereignis)
    Ereignis = window.event;
    var a = document.getElementById("Springer").style.left;
    var b = document.getElementById("Springer").style.top;
    var x = Ereignis.clientX + "px";
    var y = Ereignis.clientY + "px";
    if(a<x){
    alert("a++");
    a++;}
    if(a>x){
    alert("a--");
    a--;}
    if(b<y){
    alert("b++");
    b++;}
    if(b>y){
    alert("b--");
    b--;}
}

In dieser Funktion änderst du nirgends die Position des DIVs. Du liest sie nur in die Variablen a und b ein, setzt sie aber nirgends neu.

Versuchs mal mit
document.getElementById("Springer").style.left = a+'px';
am Schluss der Funktion, dann sollte sich das DIV um ein Pixel verschieben.

(Kann evtl. sein, dass bei a ein px dahinter steht, dieses muss dann wohl erst abgetrennt werden, damit du a mit a++ erhöhen kannst. Bin mir da nicht ganz sicher, aber das kannst du ja selbst ausprobieren)

mfG,
steckl