Foros del Web - Ver Mensaje Individual

quimfv · #4 (**permalink**) 20/03/2014, 08:05

Esta solución se parece mas a lo que intentabas.

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onkeypress="desplazar(event)">
<div id="objeto" style="height:100px; width:100px; background-color:black; position:absolute; top:10%;color:white"></div>
<script language="JavaScript" type="text/JavaScript">
document.getElementById("objeto").style.left="5%";
document.getElementById("objeto").innerHTML=document.getElementById("objeto").style.left;
function desplazar(event){
var x = document.getElementById("objeto").style.left;
/*IZQUIERDA*/
if(event.keyCode == 37){
        var xx=parseInt(x.replace("%",""))-1;
    var direccion="IZQUIERDA";
}
//alert(document.getElementById("objeto").style.left);
/*DERECHA*/
if(event.keyCode == 39){
        var xx=parseInt(x.replace("%",""))+1;
    var direccion="DERECHA";
}
document.getElementById("objeto").style.left=xx+"%";
document.getElementById("objeto").innerHTML=document.getElementById("objeto").style.left+"<br />"+direccion;
}
</script></body>
</html>