Форум

inozem · #1 (**permalink**) 16.02.2012, 07:42

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
  <title>Движениe</title>


</head>
<body>  

<script language="JavaScript" type="text/javascript">

var x = 150; 
var y = 180; 
var step = 5;

document.body.onkeypress = function move(){

    if(event.keyCode==39){x += step;}

Kamatoznik.top = y;
Kamatoznik.left = x;
setTimeout("move()", 50);}
</script>

<div id="Kamatoznik" style="position:absolute">

<img src="front.png" name="front" alt="Kamatoznik">

</div>

</body>
</html>

Подскажите пожалуйста где ошибка. Объект отказывается двигаться при нажатии стрелки в право.

d-kaktus · #2 (**permalink**) 16.02.2012, 14:04

Сообщение от inozem

setTimeout("move()", 50);

Попробуй так

setTimeout("move", 50);

или так

setTimeout(function(){move();}, 50);

Кстати, я использую функцию определения нажатия клавиши в кроссбраузерном варианте

document.onkeyup=function(event){
	var e=event||window.event;
	var k=e.keyCode||e.which;
	alert(k); // тут выдаст код клавиши. Работает везде (в ИЕ не проверял)
}

dmitriymar · #3 (**permalink**) 16.02.2012, 14:15

Сообщение от inozem

Kamatoznik.top = y;
Kamatoznik.left = x;

читай как обращаться к элементу по id,единицы измерения в CSS и как сказано выше вызов функции по таймеру.итого 3 ошибки.
а вообще алгоритм сам по себе бредовый

рони · #4 (**permalink**) 16.02.2012, 14:17

inozem,
Поиск элементов в DOM
События клавиатуры
JS-Анимация
или вариант ниже ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title>Движениe</title>
</head>
<body>
<script type="text/javascript">
var x=150,y=180,step=5;
document.body.onkeydown = document.body.onkeypress = function (a) {
    a = a ? a : window.event;
    39 == (a.charCode || a.keyCode) && (x += step);
    a = document.getElementById("Kamatoznik");
    a.style.top = y + "px";
    a.style.left = x + "px"
};
</script>
<div id="Kamatoznik" style="position:absolute">
<img src="http://javascript.ru/forum/images/smilies/dance3.gif" name="front" alt="Kamatoznik">
</div>
</body>
</html>

рони · #5 (**permalink**) 16.02.2012, 14:21

inozem,
P.S. таймер здесь как ... короче ненужен

inozem · #6 (**permalink**) 16.02.2012, 22:44

Ребят огромное вам спасибо, очень помогли)
Я просто на самообучении, какие книги нашел, из тех и черпал...

Форум

Справочник

Discord чат

Курсы javascript