Hi again,

one of the peices of work i am trying to do at college is to have an image on a page that displays in the middle and two buttons that make it move from top left cornor of the web page to the bottom right corner of the web page.

iv browsed through website but didnt really understand what to do.
i found the w3c tutorial on this helpful but i do not know how to get the image to go from top left to bottom right on click.

Kind Regards

Adam

Code JavaScript:
<html>
 
<script type="text/javascript">
 
function moveleft()
{
document.getElementById('image').style.position="absolute";
document.getElementById('image').style.left="0";
}
function moveback()
{
document.getElementById('image').style.position="absolute";
}
 
 
</script>
 
 
 
 
 
<body>
 
<img id="image" src="./face.gif"
onclick="moveleft()"
onclick="moveback()" />
 
</body>
</html>