Home/ Questions/Q 6083641
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T11:25:36+00:00

I’m getting slowly back to javascript and I’m a bit lost on basics. I

  • 0

I’m getting slowly back to javascript and I’m a bit lost on basics.
I just want to move an image to follow the mouse position.
Here is a simple code I’ve been tweaking for some time without any success :

<html>
<head>

</head>
<body>

<img id="avatar" src="Klaim.png" style="position:absolute;" />
</body>

<script lang="javascript">

function updateAvatarPosition( e )
{
    var avatar = document.getElementById("avatar");
    avatar.x = e.x;
    avatar.y = e.y;

    // alert( "e( " + e.x + ", " + e.y + " )" );    
    // alert( "avatar( " + avatar.x + ", " + avatar.y + " )" );
}

document.onmousemove = updateAvatarPosition;


</script>

</html>

It looks a lot like some tutorials to do this very thing.
What I don’t understand is that using the alerts (I don’t know how to print in the browser’s javascript console) I see that avatar.x and y are never changed. Is it related to the way I’ve declared the image?

Can someone point me what I’m doing wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think that you don’t want to set x and y, but rather style.left and style.top!

    avatar.style.left = e.x;
avatar.style.top = e.y;
    • 0