[DHTML] layer die muis moet volgen - Softwareontwikkeling

woensdag 17 november 2004 14:48

Acties:

Topicstarter

Hallo,

Ik ben bezig met way basic DHTML.
Nu probeer ik een layer mijn cursor te laten volgen.
Dit lukt redelijk, maar soms als ik naar links beweeg gaat mijn layer naar rechts en omgekeerd.

weet iemand hoe dit komt?

code:

var div


function main() {
    div = document.getElementById('DRAG');
    
    document.onmousemove = mouseMoveHandler;

    }

function mouseMoveHandler(e) {
          
      if (typeof e == 'undefined') e = event;

     var X = e.clientX;
     var Y = e.clientY;
          
     div.style.top = X;
         div.style.left = Y;
        
    }

html

code:

<body onload="main();">
<div id="DRAG" style="border:1px solid #000;width:200px;height:200px;position:absolute;left: 100;top: 100;">
drag me!
</div>
</body>

thx alvast!

[ Voor 26% gewijzigd door 4of9 op 17-11-2004 14:53 ]

Aspirant Got Pappa Lid | De toekomst is niet meer wat het geweest is...

woensdag 17 november 2004 14:50

Acties:

André

Analytics dude

code:

1 2	posX.value = Y; posY.value = X;

Misschien die X en Y omdraaien?

En hoe ziet die pagina er uit, heb je een url?

[ Voor 24% gewijzigd door André op 17-11-2004 14:51 ]

woensdag 17 november 2004 14:53

Acties:

4of9

Topicstarter

sorry stond een verkeerd stukje code

Aspirant Got Pappa Lid | De toekomst is niet meer wat het geweest is...

woensdag 17 november 2004 14:54

Acties:

André

Analytics dude

Zoals ik al zei: X en Y omdraaien?

code:

function mouseMoveHandler(e)
{
  if (typeof e == 'undefined') e = event;

  var X = e.clientX;
  var Y = e.clientY;
          
  div.style.top = Y + "px";
  div.style.left = X + "px";
}

woensdag 17 november 2004 14:59

Acties:

4of9

Topicstarter

hmm stom idd, had ze al wel omgedraait in een input field maar nog niet bij de locatie van de layer zelf

thx

Aspirant Got Pappa Lid | De toekomst is niet meer wat het geweest is...