[FONT=Arial Black]how can i move sample image using keys: W=upward, S=downward, A=leftside, D=rightside:[/FONT]
this is my code but it doesnt work.. can someone help me ^_^
<html>
<head>
<title>Making Image to move</title>
<script type=”text/javascript”>
var i=0;
var p=0;
function keypress(event){
var evt = (evt) ? evt : ((window.event) ? evt : null );
var key=parseInt(evt.keyCode);
switch(key){
case 87:
document.getElementById(“vindicated”).style.position=”absolute”;
document.getElementById(“vindicated”).style.top=i+”px”;
i–;
break;
case 68:
document.getElementById(“vindicated”).style.position=”absolute”;
document.getElementById(“vindicated”).style.left=p+”px”;
p++;
break;
case 83:
document.getElementById(“vindicated”).style.position=”absolute”;
document.getElementById(“vindicated”).style.top=i+”px”;
i++;
break;
case 65:
document.getElementById(“vindicated”).style.position=”absolute”;
document.getElementById(“vindicated”).style.left=p+”px”;
p–;
break;
}
}
</script>
</head>
<body onkeypress=”keypress(event);”>
<p id=”vindicated”>
<img src=”Frozen throne1.jpg” />
</p>
</body>
</html>