Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<body onkeydown="div(); pozice()" onload="pozice()"> <div id="div" style="display: block; top: 100px; left: 100px;">Zmáčkni levou nebo pravou šipku.</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#div {width:150px; position: absolute;}
CSS
Autoformát
CSS reset
Až na konci
function div() { var zjisteniSipky = event.keyCode; if (zjisteniSipky == 39) { document.getElementById("div").style.left="400px"; } if (zjisteniSipky == 37) { document.getElementById("div").style.left="100px"; } } function pozice() { var id = "div"; var curleft = document.body.offsetLeft; var curtop = document.body.offsetTop; obj = document.getElementById(id); while (obj.offsetParent) { curleft += obj.offsetLeft; obj = obj.offsetParent; } obj = document.getElementById(id); while (obj.offsetParent) { curtop += obj.offsetTop; obj = obj.offsetParent; } alert(curleft +',' +curtop); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>